@extends('Admin.layout.app')
@section('content')
    <div class="container-fluid">
        <h1 class="text-center p-2">Welcome {{ucwords(auth()->user()->firstName." ".auth()->user()->lastName)}} !! </h1>
        @if(!in_array(auth()->user()->department_id,[5,8,9]))
            @if(auth()->user()->department_id != 4)
                <div class="row">
                    <div class="col-md-10"><x-Admin.shiftDetails /></div>
                    <div class="col-md-2">
                        <a href="{{route('vendor-payment-schedule')}}" class="btn pink-bg text-white col-12 my-4">Vendor Payment Schedule <span class="badge text-bg-success">{{$not_paid}}</span></a>
                        <a href="{{route('pay-to-vendor')}}" class="btn btn-danger col-12 mb-4">Pay To Vendor <span class="badge text-bg-success">{{$pay_to_vendor}}</span></a>
                        <a href="{{route('get-pending-meet')}}" class="btn btn-warning col-12 mb-4">Scheduled Services <span class="badge text-bg-success"> {{$pending_meet}}</span></a>
                    </div>
                </div>
            @endif
            <div class="row">
                <div class="col-md-6">
                    <x-Admin.requestCount :month="$month" :year="$year"/>
                </div>
                
                <div class="col-md-6">
                    <x-Admin.performance :month="$performance_month" :year="$performance_year"/>
                </div>
            </div>
            <div class="row">
                
                    <x-Admin.airportChart :month="$airport_month" :year="$airport_year"/>
               
               <!-- <div class="col-md-6">
                   
                </div>-->
                
            </div>
            

        @endif
        @if(in_array(auth()->user()->department_id,[5,9]))
            <div class="text-center mt-3">
                <a target="_blank" href="{{route('step-1')}}?agent_id={{auth()->user()->id}}" class="btn pink-bg text-white">Book Meet & Greet</a>
            </div>  
        @endif
    </div>

@endsection
@push('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js" charset="utf-8"></script>
@endpush