@php
    $is_img = ['jpeg', 'png', 'jpg'];
    $storage_doc = $transporter->storage_document ?? '';
    $storage_doc_ext = strtolower(pathinfo($storage_doc, PATHINFO_EXTENSION));
    $document = $transporter->document ?? '';
    $document_ext = strtolower(pathinfo($document, PATHINFO_EXTENSION));
    $gst_doc = $transporter->gst_file ?? '';
    $gst_doc_ext = strtolower(pathinfo($gst_doc, PATHINFO_EXTENSION));
    $authority_letter_doc = $transporter->authority_letter_document ?? '';
    $authority_letter_doc_ext = strtolower(pathinfo($authority_letter_doc, PATHINFO_EXTENSION));
    $firm_doc = $transporter->firm_document ?? '';
    $firm_doc_ext = strtolower(pathinfo($firm_doc, PATHINFO_EXTENSION));
    $udhyam_reg_doc = $transporter->udhyam_reg_document ?? '';
    $udhyam_reg_doc_ext = strtolower(pathinfo($udhyam_reg_doc, PATHINFO_EXTENSION));
    $pvt_ltd_doc = $transporter->pvt_ltd_document ?? '';
    $pvt_ltd_doc_ext = strtolower(pathinfo($pvt_ltd_doc, PATHINFO_EXTENSION));
    $roc_doc = $transporter->roc_document ?? '';
    $roc_doc_ext = strtolower(pathinfo($roc_doc, PATHINFO_EXTENSION));
    $din_doc = $transporter->din_document ?? '';
    $din_doc_ext = strtolower(pathinfo($din_doc, PATHINFO_EXTENSION));
    $blank_cheque_doc = $transporter->cheque_image ?? '';
    $blank_cheque_doc_ext = strtolower(pathinfo($blank_cheque_doc, PATHINFO_EXTENSION));
@endphp

@extends('admin.layouts.layouts')

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

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

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

        .custom-table td {
            width: 55%;
            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 {
            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-12 mb-4">
                        <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>

                    {{-- Conditionally Details --}}
                    @if ($transporter->firm_type == 'Partnership')
                        <div class="col-md-6">
                            <div class="table-responsive">
                                <table class="table table-bordered custom-table">
                                    <tbody>
                                        <tr class="header-title">
                                            <th colspan="2">Partnership Deed Details</th>
                                        </tr>
                                        <tr>
                                            <th>Deed Document Number:</th>
                                            <td>{{ $transporter->document_number ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Deed Document</th>
                                            <td>
                                                @if (isset($document) && !empty($document) && file_exists(public_path('storage/' . $document)))
                                                    @if (in_array(strtolower($document_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $document) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $document) }}" target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Date of Birth:</th>
                                            <td>{{ date('d-m-Y', strtotime($transporter->date_of_birth ?? '')) }}</td>
                                        </tr>
                                        <tr>
                                            <th>Firm Registration Date:</th>
                                            <td>{{ date('d-m-Y', strtotime($transporter->firm_reg_date ?? '')) }}</td>
                                        </tr>
                                        <tr>
                                            <th>Firm Registration Number:</th>
                                            <td>{{ $transporter->firm_reg_number ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>GST Number:</th>
                                            <td>{{ $transporter->gst_no ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>GST Document</th>
                                            <td>
                                                @if (isset($gst_doc) && !empty($gst_doc) && file_exists(public_path('storage/' . $gst_doc)))
                                                    @if (in_array(strtolower($gst_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $gst_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $gst_doc) }}" target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Authority Letter Document</th>
                                            <td>
                                                @if (isset($authority_letter_doc) &&
                                                        !empty($authority_letter_doc) &&
                                                        file_exists(public_path('storage/' . $authority_letter_doc)))
                                                    @if (in_array(strtolower($authority_letter_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $authority_letter_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $authority_letter_doc) }}"
                                                            target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Udhyam Reg.(MSME) Number:</th>
                                            <td>{{ $transporter->udhyam_reg_number ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Udhyam Reg.(MSME) Document</th>
                                            <td>
                                                @if (isset($udhyam_reg_doc) && !empty($udhyam_reg_doc) && file_exists(public_path('storage/' . $udhyam_reg_doc)))
                                                    @if (in_array(strtolower($udhyam_reg_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $udhyam_reg_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $udhyam_reg_doc) }}"
                                                            target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Authority Persons</th>
                                            <td>
                                                @if (isset($transporter->authorityPeoples) && count($transporter->authorityPeoples) > 0)
                                                    @foreach ($transporter->authorityPeoples as $person)
                                                        <span
                                                            class="badge badge-pill badge-primary px-2 py-1 mr-2 mb-2">{{ $person->name }}</span>
                                                    @endforeach
                                                @else
                                                    <span class="text-muted">Persons not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @elseif ($transporter->firm_type == 'Proprietorship')
                        <div class="col-md-6">
                            <div class="table-responsive">
                                <table class="table table-bordered custom-table">
                                    <tbody>
                                        <tr class="header-title">
                                            <th colspan="2">Firm Registration Details</th>
                                        </tr>
                                        <tr>
                                            <th>Firm Number:</th>
                                            <td>{{ $transporter->firm_number ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Firm Registration Date:</th>
                                            <td>{{ date('d-m-Y', strtotime($transporter->firm_reg_date ?? '')) }}</td>
                                        </tr>
                                        <tr>
                                            <th>Document</th>
                                            <td>
                                                @if (isset($firm_doc) && !empty($firm_doc) && file_exists(public_path('storage/' . $firm_doc)))
                                                    @if (in_array(strtolower($firm_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $firm_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $firm_doc) }}" target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Udhyam Reg.(MSME) Number:</th>
                                            <td>{{ $transporter->udhyam_reg_number ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Udhyam Reg.(MSME) Document</th>
                                            <td>
                                                @if (isset($udhyam_reg_doc) && !empty($udhyam_reg_doc) && file_exists(public_path('storage/' . $udhyam_reg_doc)))
                                                    @if (in_array(strtolower($udhyam_reg_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $udhyam_reg_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $udhyam_reg_doc) }}"
                                                            target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>GST Number:</th>
                                            <td>{{ $transporter->gst_no ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>GST Document</th>
                                            <td>
                                                @if (isset($gst_doc) && !empty($gst_doc) && file_exists(public_path('storage/' . $gst_doc)))
                                                    @if (in_array(strtolower($gst_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $gst_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $gst_doc) }}" target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @elseif ($transporter->firm_type == 'PVT LTD')
                        <div class="col-md-6">
                            <div class="table-responsive">
                                <table class="table table-bordered custom-table">
                                    <tbody>
                                        <tr class="header-title">
                                            <th colspan="2">PVT LTD Details</th>
                                        </tr>
                                        <tr>
                                            <th>Memorandum of Article:</th>
                                            <td>{{ $transporter->memorandum_article ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>ROC Number:</th>
                                            <td>{{ $transporter->roc_number ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>DIN Number:</th>
                                            <td>{{ $transporter->din_number ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>List of Directors:</th>
                                            <td>{{ $transporter->list_of_directors ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Document</th>
                                            <td>
                                                @if (isset($pvt_ltd_doc) && !empty($pvt_ltd_doc) && file_exists(public_path('storage/' . $pvt_ltd_doc)))
                                                    @if (in_array(strtolower($pvt_ltd_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $pvt_ltd_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $pvt_ltd_doc) }}" target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>ROC Document</th>
                                            <td>
                                                @if (isset($roc_doc) && !empty($roc_doc) && file_exists(public_path('storage/' . $roc_doc)))
                                                    @if (in_array(strtolower($roc_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $roc_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $roc_doc) }}" target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>DIN Document</th>
                                            <td>
                                                @if (isset($din_doc) && !empty($din_doc) && file_exists(public_path('storage/' . $din_doc)))
                                                    @if (in_array(strtolower($din_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $din_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $din_doc) }}" target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Authority Letter Document</th>
                                            <td>
                                                @if (isset($authority_letter_doc) &&
                                                        !empty($authority_letter_doc) &&
                                                        file_exists(public_path('storage/' . $authority_letter_doc)))
                                                    @if (in_array(strtolower($authority_letter_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $authority_letter_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $authority_letter_doc) }}"
                                                            target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Udhyam Reg.(MSME) Number:</th>
                                            <td>{{ $transporter->udhyam_reg_number ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Udhyam Reg.(MSME) Document</th>
                                            <td>
                                                @if (isset($udhyam_reg_doc) && !empty($udhyam_reg_doc) && file_exists(public_path('storage/' . $udhyam_reg_doc)))
                                                    @if (in_array(strtolower($udhyam_reg_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $udhyam_reg_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $udhyam_reg_doc) }}"
                                                            target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>GST Number:</th>
                                            <td>{{ $transporter->gst_no ?? '' }}</td>
                                        </tr>
                                        <tr>
                                            <th>GST Document</th>
                                            <td>
                                                @if (isset($gst_doc) && !empty($gst_doc) && file_exists(public_path('storage/' . $gst_doc)))
                                                    @if (in_array(strtolower($gst_doc_ext), $is_img))
                                                        <img src="{{ asset('storage/' . $gst_doc) }}"
                                                            class="gallery-img">
                                                    @else
                                                        <a href="{{ asset('storage/' . $gst_doc) }}" target="_blank">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    @endif
                                                @else
                                                    <span class="text-muted">Document not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Authority Persons</th>
                                            <td>
                                                @if (isset($transporter->authorityPeoples) && count($transporter->authorityPeoples) > 0)
                                                    @foreach ($transporter->authorityPeoples as $person)
                                                        <span
                                                            class="badge badge-pill badge-primary px-2 py-1 mr-2 mb-2">{{ $person->name }}</span>
                                                    @endforeach
                                                @else
                                                    <span class="text-muted">Persons not found!</span>
                                                @endif
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @endif

                    {{-- Bank Details --}}
                    <div class="col-md-6">
                        <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>IFSC Code:</th>
                                        <td>{{ $transporter->ifsc_code ?? '' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Account Number:</th>
                                        <td>{{ $transporter->account_number ?? '' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Cheque Number:</th>
                                        <td>{{ $transporter->cheque_number ?? '' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Cheque Image</th>
                                        <td>
                                            @if (isset($blank_cheque_doc) && !empty($blank_cheque_doc) && file_exists(public_path('storage/' . $blank_cheque_doc)))
                                                @if (in_array(strtolower($blank_cheque_doc_ext), $is_img))
                                                    <img src="{{ asset('storage/' . $blank_cheque_doc) }}"
                                                        class="gallery-img">
                                                @else
                                                    <a href="{{ asset('storage/' . $blank_cheque_doc) }}"
                                                        target="_blank">
                                                        <i class="fas fa-download"></i>
                                                    </a>
                                                @endif
                                            @else
                                                <span class="text-muted">Document not found!</span>
                                            @endif
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    {{-- Owner Details --}}
                    @if (isset($transporter->ownerDetails) && count($transporter->ownerDetails) > 0)
                        @php
                            $title = 'Owner Details';
                            $colspan = '7';

                            if ($transporter->firm_type == 'Partnership') {
                                $title = 'Partner Details';
                            } elseif ($transporter->firm_type == 'Proprietorship') {
                                $title = 'Owner Details';
                            } elseif ($transporter->firm_type == 'PVT LTD') {
                                $title = 'Directors Details';
                                $colspan = '8';
                            }
                        @endphp
                        <div class="col-md-12 mt-4">
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr class="header-title">
                                            <th colspan="{{ $colspan }}">{{ $title }}</th>
                                        </tr>
                                        <tr>
                                            <th style="width: 5%;">#</th>
                                            <th style="width: 23%;">Name</th>
                                            <th style="width: 10%;">Mobile</th>
                                            <th style="width: 10%;">Aadhar No.</th>
                                            <th style="width: 15%;">Aadhar Images</th>
                                            <th style="width: 10%;">PAN No.</th>
                                            <th style="width: 14%;">Pan Image</th>
                                            @if ($transporter->firm_type == 'PVT LTD')
                                                <th style="width: 13%;">DIN Number</th>
                                            @endif
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($transporter->ownerDetails as $ownerDetail)
                                            @php
                                                $aadhar_front = $ownerDetail->aadhar_card_front_image ?? '';
                                                $aadhar_front_ext = strtolower(
                                                    pathinfo($aadhar_front, PATHINFO_EXTENSION),
                                                );

                                                $aadhar_back = $ownerDetail->aadhar_card_back_image ?? '';
                                                $aadhar_back_ext = strtolower(
                                                    pathinfo($aadhar_back, PATHINFO_EXTENSION),
                                                );

                                                $pan_card_img = $ownerDetail->pan_card_image ?? '';
                                                $pan_card_img_ext = strtolower(
                                                    pathinfo($pan_card_img, PATHINFO_EXTENSION),
                                                );
                                            @endphp
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $ownerDetail->name ?? '' }}</td>
                                                <td>{{ $ownerDetail->mobile_number ?? '' }}</td>
                                                <td>{{ $ownerDetail->aadhar_number ?? '' }}</td>
                                                <td>
                                                    @if (isset($aadhar_front) && !empty($aadhar_front) && file_exists(public_path('storage/' . $aadhar_front)))
                                                        @if (in_array(strtolower($aadhar_front_ext), $is_img))
                                                            <a class="btn btn-sm btn-primary custom-btn gallery-img"
                                                                src="{{ asset('storage/' . $aadhar_front) }}">
                                                                <i class="fas fa-eye"></i> FRONT
                                                            </a>
                                                        @else
                                                            <a class="btn btn-sm btn-primary custom-btn"
                                                                href="{{ asset('storage/' . $aadhar_front) }}"
                                                                target="_blank">
                                                                <i class="fas fa-download"></i> FRONT
                                                            </a>
                                                        @endif
                                                    @endif

                                                    @if (isset($aadhar_back) && !empty($aadhar_back) && file_exists(public_path('storage/' . $aadhar_back)))
                                                        <br>
                                                        @if (in_array(strtolower($aadhar_back_ext), $is_img))
                                                            <a class="btn btn-sm btn-primary custom-btn gallery-img mt-2"
                                                                src="{{ asset('storage/' . $aadhar_back) }}">
                                                                <i class="fas fa-eye"></i> BACK
                                                            </a>
                                                        @else
                                                            <a class="btn btn-sm btn-primary custom-btn mt-2"
                                                                href="{{ asset('storage/' . $aadhar_back) }}"
                                                                target="_blank">
                                                                <i class="fas fa-download"></i> BACK
                                                            </a>
                                                        @endif
                                                    @endif
                                                </td>
                                                <td>{{ $ownerDetail->pan_number ?? '' }}</td>
                                                <td>
                                                    @if (isset($pan_card_img) && !empty($pan_card_img) && file_exists(public_path('storage/' . $pan_card_img)))
                                                        @if (in_array(strtolower($pan_card_img_ext), $is_img))
                                                            <a class="btn btn-sm btn-primary custom-btn gallery-img"
                                                                src="{{ asset('storage/' . $pan_card_img) }}">
                                                                <i class="fas fa-eye"></i> PAN
                                                            </a>
                                                        @else
                                                            <a class="btn btn-sm btn-primary custom-btn"
                                                                href="{{ asset('storage/' . $pan_card_img) }}"
                                                                target="_blank">
                                                                <i class="fas fa-download"></i> PAN
                                                            </a>
                                                        @endif
                                                    @endif
                                                </td>
                                                @if ($transporter->firm_type == 'PVT LTD')
                                                    <td>{{ $ownerDetail->din_number ?? '' }}</td>
                                                @endif
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @endif
                </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