@extends('admin.layouts.layouts')

@section('title', 'Details | Transport Management')

@section('page-css')
    <style>
        .table .text-center {
            text-align: center !important;
        }

        .custom-table th {
            width: 50%;
            padding: 0.3500rem;
        }

        .custom-table td {
            width: 50%;
            padding: 0.3500rem;
        }

        .table .header-title {
            background: #392c70;
            color: #fff;
        }

        .table td img {
            width: 100px;
            height: auto;
            border-radius: 0;
        }

        .gallery-img {
            cursor: pointer;
        }

        .custom-table .fa-download,
        .fa-eye {
            color: #392c70;
        }

        .custom-btn {
            font-size: 13px;
            padding: 4px 6px;
        }

        .custom-btn i {
            font-size: 13px;
        }
    </style>
@endsection

@section('content')
    {{-- Transporter History Modal --}}
    <div class="modal fade" id="transporterHistoryModal" tabindex="-1" role="dialog"
        aria-labelledby="transporterHistoryModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="transporterHistoryModalLabel">Edit Employee Master History</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="POST" id="transporterHistoryForm" action="javascript:void(0)" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="transporter_id" id="transporter_id">
                    <input type="hidden" name="id" id="transporterHistoryId">
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="rate_per_kg" class="form-label">Rate Per Kg <span
                                    class="text-danger">*</span></label>
                            <input type="number" class="form-control" name="rate_per_kg" placeholder="Enter Rate Per kg"
                                id="rate_per_kg" value="{{ old('rate_per_kg') }}" data-parsley-trigger="keyup"
                                data-parsley-required="true" data-parsley-required-message="Please enter rate per kg"
                                data-parsley-type="number" data-parsley-type-message="Please enter valid number"
                                min="0" step="0.01" data-parsley-errors-container='#rate_per_kg_error'>
                            <div class="invalid-feedback" id="rate_per_kg_error"></div>
                        </div>

                        <div class="form-group">
                            <label for="start_date" class="form-label">Start Date <span class="text-danger">*</span></label>
                            <input type="text" class="form-control startDate" name="start_date"
                                value="{{ old('start_date') }}" id="start_date" data-parsley-required="true"
                                data-parsley-datecustom data-parsley-required-message="Please select start date"
                                data-parsley-errors-container='#start_date_error'>
                            <div class="invalid-feedback" id="start_date_error"></div>
                        </div>

                        <div class="form-group">
                            <label for="end_date" class="form-label">End Date <span class="text-danger">*</span></label>
                            <input type="text" class="form-control endDate" name="end_date" value="{{ old('end_date') }}"
                                id="end_date" data-parsley-required="true"
                                data-parsley-required-message="Please select end date"
                                data-parsley-greaterthan="#start_date"
                                data-parsley-greaterthan-message="End date must be greater than start date"
                                data-parsley-errors-container='#end_date_error'>
                            <div class="invalid-feedback" id="end_date_error"></div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary" id="modalSubmitBtn">Update</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Image view modal --}}
    <div id="imageModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="imageModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="imageModalLabel">Image Preview</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body text-center">
                    <img src="" id="modalImage" class="img-fluid" alt="Image Preview">
                </div>
            </div>
        </div>
    </div>

    <div class="page-header">
        <h3 class="page-title">
            Transport Management
        </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('transporter.index') }}">Transport Management</a></li>
                <li class="breadcrumb-item active" aria-current="page">Details</li>
            </ol>
        </nav>
    </div>
    <div class="container py-4">
        <div class="card shadow-sm rounded border-0">
            <div class="card-header bg-light d-flex justify-content-between align-items-center">
                <h5 class="mb-0 fw-bold">Transport Management Details</h5>
                <a href="{{ route('transporter.index') }}" class="btn btn-primary btn-sm">
                    <i class="fa fa-arrow-left"></i> Back
                </a>
            </div>

            <div class="card-body bg-white">
                <div class="row">
                    <div class="col-md-6 mb-4">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="table-responsive">
                                    <table class="table table-bordered custom-table">
                                        <tbody>
                                            <tr class="header-title">
                                                <th colspan="2">Basic Details</th>
                                            </tr>
                                            <tr>
                                                <th>Name:</th>
                                                <td>{{ $transporter->transporter_name ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Transporter Code:</th>
                                                <td>{{ $transporter->transporter_code ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Mobile No.:</th>
                                                <td>{{ $transporter->mobile_number ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Email:</th>
                                                <td>{{ $transporter->email ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Contact Person Name:</th>
                                                <td>{{ $transporter->contact_person_name ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Contact Person Mobile No.:</th>
                                                <td>{{ $transporter->contact_mobile_number ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>State:</th>
                                                <td>{{ $transporter->states->state_name ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>District:</th>
                                                <td>{{ $transporter->districts->district_name ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Taluka:</th>
                                                <td>{{ $transporter->talukas->sub_district_name ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>City:</th>
                                                <td>{{ $transporter->cities->city_name ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Pincode:</th>
                                                <td>{{ $transporter->pincode ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Pick Up States:</th>
                                                <td>{{ $transporter->getPickupStateNamesAttribute() ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Pick Up Districts:</th>
                                                <td>{{ $transporter->getPickupDistrictNamesAttribute() ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Address:</th>
                                                <td>{{ $transporter->address ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Status:</th>
                                                <td>
                                                    @php
                                                        $status = [
                                                            0 => [
                                                                'text' => 'Deactive',
                                                                'class' => 'badge badge-warning badge-pill',
                                                            ],
                                                            1 => [
                                                                'text' => 'Active',
                                                                'class' => 'badge badge-info badge-pill',
                                                            ],
                                                        ];
                                                        $current = $status[$transporter->status] ?? [
                                                            'text' => 'Unknown',
                                                            'class' => 'badge rounded-pill bg-secondary',
                                                        ];
                                                    @endphp
                                                    <span
                                                        class="badge rounded-pill px-2 py-1 {{ $current['class'] }}">{{ $current['text'] }}</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Created By:</th>
                                                <td>{{ $transporter->users->name ?? '-' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Created At:</th>
                                                <td>{{ $transporter->created_at->format('d-m-Y h:i A') ?? '' }}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mb-4">
                        <div class="row">
                            <div class="col-md-12 mb-4">
                                <div class="table-responsive">
                                    <table class="table table-bordered custom-table">
                                        <tbody>
                                            <tr class="header-title">
                                                <th colspan="2">Document Details</th>
                                            </tr>
                                            <tr>
                                                <th>GST No.:</th>
                                                <td>{{ $transporter->gst_no ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>GST File:</th>
                                                <td>
                                                    @if ($transporter->gst_file && file_exists(public_path('storage/' . $transporter->gst_file)))
                                                        @php
                                                            $extension = strtolower(
                                                                pathinfo($transporter->gst_file, PATHINFO_EXTENSION),
                                                            );
                                                            $isImage = ['jpeg', 'png', 'jpg'];
                                                            $fileName = basename($transporter->gst_file);
                                                        @endphp

                                                        @if (in_array(strtolower($extension), $isImage))
                                                            <a class="gallery-img"
                                                                src="{{ asset('storage/' . $transporter->gst_file) }}"
                                                                style="cursor: pointer;">
                                                                <i class="fas fa-eye"></i>
                                                            </a>
                                                        @else
                                                            <a href="{{ asset('storage/' . $transporter->gst_file) }}"
                                                                target="_blank" style="color: black;" download>
                                                                <i class="fas fa-download"></i>
                                                            </a>
                                                        @endif
                                                    @else
                                                        <span class="text-muted">Not uploaded</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>TAN No.:</th>
                                                <td>{{ $transporter->tin_no ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>TAN File:</th>
                                                <td>
                                                    @if ($transporter->tin_file && file_exists(public_path('storage/' . $transporter->tin_file)))
                                                        @php
                                                            $extension = strtolower(
                                                                pathinfo($transporter->tin_file, PATHINFO_EXTENSION),
                                                            );
                                                            $isImage = ['jpeg', 'png', 'jpg'];
                                                            $fileName = basename($transporter->tin_file);
                                                        @endphp

                                                        @if (in_array(strtolower($extension), $isImage))
                                                            <a class="gallery-img"
                                                                src="{{ asset('storage/' . $transporter->tin_file) }}"
                                                                style="cursor: pointer;">
                                                                <i class="fas fa-eye"></i>
                                                            </a>
                                                        @else
                                                            <a href="{{ asset('storage/' . $transporter->tin_file) }}"
                                                                target="_blank" style="color: black;" download>
                                                                <i class="fas fa-download"></i>
                                                            </a>
                                                        @endif
                                                    @else
                                                        <span class="text-muted">Not uploaded</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>PAN No.:</th>
                                                <td>{{ $transporter->pan_no ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>PAN File:</th>
                                                <td>
                                                    @if ($transporter->pan_file && file_exists(public_path('storage/' . $transporter->pan_file)))
                                                        @php
                                                            $extension = strtolower(
                                                                pathinfo($transporter->pan_file, PATHINFO_EXTENSION),
                                                            );
                                                            $isImage = ['jpeg', 'png', 'jpg'];
                                                            $fileName = basename($transporter->pan_file);
                                                        @endphp

                                                        @if (in_array(strtolower($extension), $isImage))
                                                            <a class="gallery-img"
                                                                src="{{ asset('storage/' . $transporter->pan_file) }}"
                                                                style="cursor: pointer;">
                                                                <i class="fas fa-eye"></i>
                                                            </a>
                                                        @else
                                                            <a href="{{ asset('storage/' . $transporter->pan_file) }}"
                                                                target="_blank" style="color: black;" download>
                                                                <i class="fas fa-download"></i>
                                                            </a>
                                                        @endif
                                                    @else
                                                        <span class="text-muted">Not uploaded</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Agreement File:</th>
                                                <td>
                                                    @if ($transporter->agreement_document)
                                                        <a href="{{ asset('storage/' . $transporter->agreement_document) }}"
                                                            download style="color: black;">
                                                            <i class="fa fa-download"></i>
                                                        </a>
                                                    @else
                                                        <span class="text-muted">No Image available</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="table-responsive">
                                    <table class="table table-bordered custom-table">
                                        <tbody>
                                            <tr class="header-title">
                                                <th colspan="2">Bank Details</th>
                                            </tr>
                                            <tr>
                                                <th>Bank Name:</th>
                                                <td>{{ $transporter->bank_name ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Bank A/C No.:</th>
                                                <td>{{ $transporter->account_number ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>IFSC Code:</th>
                                                <td>{{ $transporter->ifsc_code ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Cheque No.:</th>
                                                <td>{{ $transporter->cheque_number ?? '' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Cheque Image.:</th>
                                                <td>
                                                    @if ($transporter->cheque_image && file_exists(public_path('storage/' . $transporter->cheque_image)))
                                                        @php
                                                            $extension = strtolower(
                                                                pathinfo(
                                                                    $transporter->cheque_image,
                                                                    PATHINFO_EXTENSION,
                                                                ),
                                                            );
                                                            $isImage = ['jpeg', 'png', 'jpg'];
                                                            $fileName = basename($transporter->cheque_image);
                                                        @endphp

                                                        @if (in_array(strtolower($extension), $isImage))
                                                            <a class="gallery-img"
                                                                src="{{ asset('storage/' . $transporter->cheque_image) }}"
                                                                style="cursor: pointer;">
                                                                <i class="fas fa-eye"></i>
                                                            </a>
                                                        @else
                                                            <a href="{{ asset('storage/' . $transporter->cheque_image) }}"
                                                                target="_blank" style="color: black;" download>
                                                                <i class="fas fa-download"></i>
                                                            </a>
                                                        @endif
                                                    @else
                                                        <span class="text-muted">Not uploaded</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container py-4">
        <div class="card shadow-sm rounded border-0">
            <div class="card-header bg-light d-flex justify-content-between align-items-center">
                <h5 class="mb-0 fw-bold">Transport Management History</h5>
                @can('transporter-history-create')
                    <button class="btn btn-primary btn-sm" id="createButton" data-transporter_id="{{ $transporter->id }}">
                        New Rate
                    </button>
                @endcan
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table id="transporter-history-table" class="table w-100">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Rate Per KG</th>
                                        <th>Start Date</th>
                                        <th>End Date</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('page-js')
    <script type="text/javascript">
        var transporterId = "{{ $transporter->id }}";
        var transporterEndDate = "{{ date('d-m-Y', strtotime($transporter->end_date)) }}";
        var transporterIndexURL = "{{ route('transporter.index') }}";
        var transporterAjaxList = "{{ route('transporter.ajax-list') }}";
        var transporterStatus = "{{ route('transporter.status') }}";
        var transporterDelete = "{{ route('transporter.destroy', ':id') }}";
        var transporterHistoryAjaxList = "{{ route('transporter.ajax-history-list') }}";
        var transporterHistoryStore = "{{ route('transporter.store-history') }}";

        $(document).ready(function() {
            const $modal = $("#imageModal");
            const $modalImg = $("#modalImage");
            const $galleryImages = $(".gallery-img");

            // When image is clicked
            $galleryImages.on('click', function() {
                $modal.modal('show');
                $modalImg.attr('src', $(this).attr('src'));
            });

            // Reset modal image on close
            $modal.on('hidden.bs.modal', function() {
                $modalImg.attr('src', '');
            });
        });
    </script>
    <script src="{{ asset('assets/js/admin/transporter.js') }}"></script>
@endsection