@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Transporters</h1>
@stop

@section('content')
    {{-- @if (session('error'))
        <h6 class="alert alert-danger">
            {{ session('error') }}
        </h6>
    @endif --}}
    {{-- @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif --}}
    {{-- <p>Welcome to the OWL CRM admin panel.</p> --}}
    <div class="row justify-content-between mb-5">
        <div class="col-auto">
            <a href="{{ route('users.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Back to Transporters
            </a>
        </div>
        <div class="col-auto">

        </div>
        <div class="col-auto">

            <a href="{{ route('users.edit', $user->id) }}" class="btn btn-primary">
                <i class="fas fa-pencil-alt"></i> Edit Transporters
            </a>
            <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#delete">
                <i class="fa fa-trash-alt"></i> Delete Transporters
            </button>
        </div>
    </div>

    <div class="row">
        <div class="col-12 col-sm-6">
            <div class="card card-dark">
                <div class="card-header">
                    <h3 class="card-title">Transporter Information</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                    </div>
                </div>

                @if (isset($transporter) && isset($user))
                    <div class="card-body">
                        <ul class="list-group list-group-flush">

                            <li class="list-group-item"><b>Full Name:</b> {{ $user->name }} {{ $user->last_name }}
                            </li>
                            <li class="list-group-item"><b>Email:</b> {{ $user->email }}
                            </li>
                            <li class="list-group-item"><b>Phone Number:</b> {{ $user->phone_number }}
                            </li>
                            <li class="list-group-item"><b>Whatsapp Number:</b> {{ $transporter->whatsapp_number }}
                            </li>
                            <li class="list-group-item"><b>Business Name:</b> {{ $transporter->business_name }}
                            </li>
                            <li class="list-group-item"><b>Service Type:</b> {{ $transporter->service_type }}
                            </li>
                            <li class="list-group-item"><b>Address:</b> {{ $transporter->address }}
                            </li>
                            @if ($languages)
                                <li class="list-group-item">
                                    <b>Languages:</b>
                                    <ul>
                                        @foreach ($languages as $language)
                                            <li>{{ $language->name }} 
                                                {{-- - <b>Proficiency:</b> {{ $language->Proficient }}% --}}
                                            </li>
                                        @endforeach
                                    </ul>
                                </li>
                            @endif
                        @if (isset($transporter) && $transporter->cities->isNotEmpty())
                            <li class="list-group-item">
                                <b>City:</b> {{ $transporter->cities->pluck('name')->join(', ') }}
                            </li>
                        @endif
                            <li class="list-group-item">
                                <b>Status</b>
                                @if ($transporter->status == App\Models\Vehicles::STATUS_ACTIVE)
                                    <span class="badge bg-success">Active</span>
                                @else
                                    <span class="badge bg-danger">Inactive</span>
                                @endif
                            </li>
                            <li class="list-group-item">
                                <b>Transporter Verified:</b>
                                @if ($transporter->is_verified == App\Models\Vehicles::VERIFIED_YES)
                                    <span class="badge bg-success">Yes</span>
                                @else
                                    <span class="badge bg-danger">No</span>
                                @endif
                            </li>
                        </ul>
                    </div>
                @endif
            </div>


        </div>
        <div class="col-12 col-sm-6">
            <div class="card card-dark">
                <div class="card-header">
                    <h3 class="card-title">Vehicles Listed </h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="card-body p-0">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>S No</th>
                                <th>Brand</th>
                                <th>Model</th>
                                <th>Vehicle Type </th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($transporter->vehicle as $vehicle)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $vehicle->get_make->name ?? '' }}</td>
                                    <td>{{ $vehicle->get_model->name ?? '' }}</td>
                                    <td>{{ $vehicle->Vehicle_type->name ?? '' }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-center">No vehicles listed for this transporter.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>

    <!-- Modal -->
    <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">{{ $user->name }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>This will delete this transporter permanently</p>
                    <p>Are you sure?</p>
                </div>
                <div class="modal-footer">
                    <form method="POST" action="{{ route('users.destroy', $user->id) }}">
                        <!-- CSRF Token -->
                        @csrf

                        <!-- Hidden input to simulate DELETE method -->
                        <input type="hidden" name="_method" value="DELETE">
                        <button type="submit" class="btn btn-danger" id="delete_btn" data-id="' . $row->id . '">Yes,
                            Delete</button>
                    </form>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    @stop

    @section('css')
        {{-- Add here extra stylesheets --}}
        {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
    @stop

    @section('js')
        <script>
            console.log("Hi, I'm using the Laravel-AdminLTE package!");
        </script>
    @stop