@extends('layouts.user')
@section('page-title', 'Dashboard')
@section('page-title-body', 'Dashboard')
@section('active-link-1', 'active-link')

@section('main-theme')
 
   <a href="{{route('dashboard.route')}}"><article class="dashboard-min-stats">
       <section class="icon-left-sides">
           <i class="fas fa-road"></i>
       </section>
       <section class="title-mid-sides">
            Routes
        </section>
        <section class="stats-right-sides">
            {{$route}}
        </section>
   </article></a>

   <a href="{{route('dashboard.customers')}}"><article class="dashboard-min-stats-midd">
    <section class="icon-left-sides">
        <i class="fas fa-id-badge"></i>
    </section>
    <section class="title-mid-sides">
         Customers
     </section>
     <section class="stats-right-sides">
         {{$customer}}
     </section>
    </article></a>

    <a href="{{route('dashboard.booked')}}"><article class="dashboard-min-stats">
        <section class="icon-left-sides">
            <i class="fas fa-calendar-check"></i>
        </section>
        <section class="title-mid-sides">
             Booked
         </section>
         <section class="stats-right-sides">
             {{$booked}}
         </section>
    </article></a>

    <div class="block-cont"></div>

    <div id="main-dash-stats">
        <div id="chat-dashboard-side-left">
            <div class="chat-one-dashboard">
                <h2>Latest Booking</h2>
                <div class="table-responsive">
                    <table class="table table-hover align-middle" id="table-first">
                        <thead class="thead-light">
                            <tr><th>Booked Date</th><th>Customer Name</th>
                                <th>Phone No.</th><th>Depature Date</th>
                                <th>Route</th><th>Fare</th>
                                <th>Seat No.</th><th>Ticket No.</th>
                                <th></th></tr>
                        </thead>
                        <tbody>
                            @foreach($booking as $data)
                                <tr>
                                    <td>{{ date_format(date_create($data->created_at), 'd M, Y')}}</td>
                                    <td>{{ $data->customer_name}}</td>
                                    <td>{{ $data->customer_phone}}</td>
                                    <td>{{ date_format(date_create($data->date_depature), 'd M, Y')}}  {{ date_format(date_create($data->depature_time), 'H:i A')}}</td>
                                    <td>{{ $data->start_from}} {{ $data->end_to}}</td>
                                    <td>{{ number_format($data->fare, 2)}}</td>
                                    <td>{{ $data->sit_number}}</td>
                                    <td>{{ $data->ticket_number}}</td>
                                    <td>
                                        <a href=""><button type="button" class="btn-success-ac-v1" id=""><i class="fas fa-expand"></i></button></a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="chat-two-dashboard">
                <h2>Latest Customer</h2>
                <div class="table-responsive">
                    <table class="table table-hover align-middle" id="table-second">
                        <thead class="thead-light">
                            <tr>
                                <th>Join At</th>
                                <th>Customer Name</th>
                                <th>Address</th>
                                <th>Phone No.</th>
                                <th>Relative Phone No.</th>
                                <th>Email Address</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($customers as $data)
                            <tr>
                                <td>{{ date_format(date_create($data->created_at), 'd M Y')}}</td>
                                <td>{{ $data->name }}</td>
                                <td>{{ $data->address }}</td>
                                <td>{{ $data->phone_number }}</td>
                                <td>{{ $data->relative_phone }}</td>
                                <td>{{ $data->email }}</td>
                                <td>
                                    <a href="{{route('dashboard.customer-details', [$data->id])}}"><button type="button" class="btn-success-ac-v1" id=""><i class="fas fa-expand"></i></button></a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        {{-- <div id="chat-dashboard-side-right">
            <div class="stats-one-dashboard">
            </div>
            <div class="stats-two-dashboard">
            </div>
        </div> --}}
        <div class="block-cont"></div>
    </div>
 

@endsection

<!-- js script -->
@push('scripts')
<script>
    $(function(){


            $('#table-first').DataTable(
                {
                    columnDefs: [ 
                    { 
                        type: 'date',
                        'targets':[0]
                    }],
                    order: [[ 0, 'desc' ]]
                }
            );
            $('#table-second').DataTable(
                {
                    columnDefs: [ 
                    { 
                        type: 'date',
                        'targets':[0]
                    }],
                    order: [[ 0, 'desc' ]]
                }
            );



    });

</script>
@endpush