@extends('admin.layout.master')
@section('content')
    <style>
        .mn {
            margin: 0;
            padding: 0
        }

    </style>


    <div class="card">
        <div class="card-header card-header-s bg-info d-flex flex-wrap justify-content-between">
            <h5 class="mb-0 text-white">Allotments</h5>
            <a href="{{ route('frontdesk.manage_allotment') }}" class="btn btn-success btn-sm">Add Allotment</a>
        </div>

        <div class="card-body">
            <div class="row mb-3">
                <div class="col-8">
                    <form action="{{ route('frontdesk.view.manage_allotment') }}" method="get">
                        <div class="row">
                            <div class="col">
                                <label>Start Date (Inv Date)</label>
                                <input placeholder="Start Date" id="start_date" name="start_date"
                                    class="form-control input_shadow b-from-date-1 fd_bs_datepicker"
                                    value="{{ request()->start_date ? date('Y-m-d', strtotime(request()->start_date)) : date('Y-m-d') }}" />
                            </div>
                            <div class="col">
                                <label>End Date (Inv Date)</label>
                                <input placeholder="End Date" id="end_date" name="end_date"
                                    class="form-control input_shadow b-from-date-1 fd_bs_datepicker"
                                    value="{{ request()->end_date ? date('Y-m-d', strtotime(request()->end_date)) : date('Y-m-d') }}" />
                            </div>
                            <div class="col">
                                <label>Agent</label>
                                <select type="text" name="name" id="agentName"
                                    class="form-control fd_agent_search"></select>
                            </div>
                            <div class="col-1">
                                <label for="">&nbsp;</label><br>
                                <button class="btn btn-danger btn-sm" onclick="filter()"><i
                                        class="fas fa-search"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="row">
                <div class="table-responsive m-b-40">
                    <table class="table table-bordered table-hover table-striped">
                        <thead>
                            <tr class="bg-dark">
                                <th class="text-center text-light">Sl</th>
                                <th class="text-center text-light">Code</th>
                                <th class="text-center text-light">Agent</th>
                                <th class="text-center text-light">Inv Date</th>
                                {{-- <th class="text-center text-light">Remarks</th> --}}
                                <th class="text-center text-light">Gross Amount</th>
                                <th class="text-center text-light">Description</th>
                                <th class="text-center text-light">Qty</th>
                                <th class="text-center text-light">A.Checkin</th>
                                <th class="text-center text-light">Doc</th>
                                <th class="text-center text-light">Check In</th>
                                <th class="text-center text-light">Action</th>
                            </tr>
                        </thead>
                        <tbody id="allAllotment">
                            @if ($allManageAllotment != '')
                                @foreach ($allManageAllotment as $key => $manageAllotment)
                                    <tr>
                                        <td class="text-center">{{ ++$key }}</td>
                                        <td class="text-center">{{ $manageAllotment->code ?? '' }}</td>
                                        {{-- <td>{{ $manageAllotment->commission ?? ''}}</td> --}}
                                        <td>{{ $manageAllotment->agent->name_eng ?? '' }}</td>
                                        <td class="text-center">
                                            {{ date('d-m-Y', strtotime($manageAllotment->inv_date)) ?? '' }}</td>
                                        {{-- <td>{{ $manageAllotment->remarks ?? ''}}</td> --}}
                                        <td class="text-center">{{ $manageAllotment->gross_amount ?? '' }}</td>
                                        <td>
                                            @foreach ($manageAllotment->fd_allotment_details as $d)
                                                <span>From {{ date('d-m-Y', strtotime($d->start_date)) }} To
                                                    {{ date('d-m-Y', strtotime($d->end_date)) }} - {{ $d->qty }}
                                                    Rooms</span><br>
                                            @endforeach
                                        </td>
                                        <td class="text-center">
                                            {{ $manageAllotment->fd_allotment_details->sum('qty') }}</td>
                                        <td class="text-center">
                                            {{ $manageAllotment->get_checkin_info->where('check_in_status', 1)->count() }}
                                        </td>
                                        <td class="text-center">
                                            @if ($manageAllotment->doc_name != null)
                                                <a class="btn btn-info btn-sm" target="blank"
                                                    href="/allotment_docs/{{ $manageAllotment->doc_name }}"><i
                                                        class="fas fa-file-pdf"></i></a>
                                            @else
                                                -
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            @if ($manageAllotment->status == 1)
                                                <span class="badge badge-warning">Pending</span>
                                            @else
                                                <a href="{{ route('frontdesk.checkin.by_room.create', ['allotment_id' => $manageAllotment->id]) }}"
                                                    class="btn btn-success btn-sm"><i class="fas fa-check-circle"></i></a>
                                            @endif
                                        </td>

                                        <td class="text-center">
                                            <a title="Edit" class="btn btn-sm btn-warning "
                                                href="{{ route('frontdesk.manage_allotment.edit', $manageAllotment->id) }}">
                                                <i class="fas fa-edit"></i></a>
                                            {{-- <a title="Delete" class="btn btn-danger btn-sm" href="{{ route('frontdesk.manage_allotment.delete',$manageAllotment->id) }}">
                                                <i class="fas fa-trash"></i></a> --}}
                                            <a title="Print" class="btn btn-info btn-sm" target="__blank"
                                                href="{{ route('frontdesk.allotment.print', ['id' => $manageAllotment->id]) }}">
                                                <i class="fas fa-print"></i></a>
                                            @if (checkAuthPermission('frontdesk.allotment.release'))
                                                <a title="Print" class="btn btn-danger btn-sm"
                                                    href="{{ route('frontdesk.allotment.release', ['id' => $manageAllotment->id]) }}">
                                                    Release</a>
                                            @endif

                                            @if ($manageAllotment->status == 1)
                                                @if (checkAuthPermission('frontdesk.allotment.approve'))
                                                    <a title="Approve" class="btn btn-success btn-sm"
                                                        href="{{ route('frontdesk.allotment.approve', ['id' => $manageAllotment->id]) }}">
                                                        Approve</a>
                                                @endif
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endsection

    @section('script')
        <script>
            function getFormatedDate(dateToBeFormated) {
                var now = new Date(dateToBeFormated);
                var day = ("0" + now.getDate()).slice(-2);
                var month = ("0" + (now.getMonth() + 1)).slice(-2);
                var return_date = now.getFullYear() + "-" + (month) + "-" + (day);
                return return_date;
            }
            // function filter(){
            //     let agent = $('#agentName').val();
            //     let start_date = $('#start_date').val();
            //     let end_date = $('#end_date').val();
            //     let url = '/frontdesk/filter_allotment';
            //     let data = {agent:agent,start_date:start_date,end_date:end_date};
            //     ajaxCustom(function(res){
            //         var html='';
            //         console.log(res);
            //         res.map(function(d){
            //             html += `<tr>
    //                         <td>${d.code}</td>
    //                         <td>${d.gross_amount}</td>
    //                         <td>${d.commission}</td>
    //                         <td>${d.agent.name_eng}</td>
    //                         <td>${getFormatedDate(d.inv_date)}</td>
    //                         <td>${d.remarks??''}</td>
    //                         <td><a class="btn btn-info btn-sm" target="blank" href="/allotment_docs/${(d.doc_name != null)?d.doc_name:'noImage.png'}"><i class="fas fa-${ d.doc_name != null ? 'file-pdf' : 'times-circle' }"></i></a></td>
    //                         <td><a href="" class="btn btn-success btn-sm">Check In</a></td>
    //                         <td>
    //                             <a title="Edit" class="btn btn-sm btn-warning " href="{{ url('/frontdesk/manage_allotment_edit/${d.id}') }}">
    //                                 <i class="fas fa-edit"></i></a>
    //                             <a title="Delete" class="btn btn-danger btn-sm" href="{{ url('/frontdesk/manage_allotment_delete/${d.id}') }}">
    //                                 <i class="fas fa-trash"></i></a>
    //                         </td>
    //                     </tr>`;
            //             //console.log('d');
            //         });
            //         $('#allAllotment').html(html);
            //     },'get',url,data);
            // }
        </script>
    @endsection