@extends('admin.layout.master')
@section('content')
    <style>
        .mn {
            margin: 0;
            padding: 0
        }
        .dropdown-item a{
            text-decoration: none;
            color: black;
            display: block;
            padding: 2px 8px;
            text-transform: capitalize;
        }

    </style>


    <div class="card sina-card" style="height: 100vh">
        <div class="card-header card-header-s d-flex flex-wrap justify-content-between">
            <h5 class="mb-0">{{__('obs.allotments')}}</h5>
            <a href="{{ route('frontdesk.manage_allotment') }}" class="btn cl-btn btn-light">{{__('obs.add')}} {{__('obs.allotment')}}</a>
        </div>

        <div class="card-body h-100">
            <div class="row">
                <div class="col-12">
                    <form action="{{ route('frontdesk.view.manage_allotment') }}" method="get">
                        <div class="row g-2">
                            <div class="col-lg-3 col-6">
                                <div class="row align-items-center gx-sm-3 gx-0">
                                    <label for="" class="col-md-6">{{__('obs.date_type')}}</label>
                                    <div class="col-md-6">
                                        <select name="date_type" id="date_type" class="form-control cl-form-control select_2">
                                            <option value="occupancy_date" {{ request()->date_type == 'occupancy_date' ? 'selected' : '' }}>{{__('obs.occupancy_date')}}</option>
                                            <option value="inv_date" {{ request()->date_type == 'inv_date' ? 'selected' : '' }}>{{__('obs.invoice_date')}}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-6">
                                <div class="row align-items-center gx-sm-3 gx-0">
                                    <label for="" class="col-md-5">{{__('obs.start_date')}}</label>
                                    <div class="col-md-7">
                                        <input placeholder="Start Date" id="start_date" name="start_date"
                                            class="form-control cl-form-control input_shadow b-from-date-1 date_picker"
                                            value="{{ request()->start_date ? date('d-m-Y', strtotime(request()->start_date)) : date('d-m-Y') }}" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-6">
                                <div class="row align-items-center gx-sm-3 gx-0">
                                    <label for="" class="col-md-5">{{__('obs.end_date')}}</label>
                                    <div class="col-md-7">
                                        <input placeholder="End Date" id="end_date" name="end_date"
                                            class="form-control cl-form-control input_shadow b-from-date-1 date_picker"
                                            value="{{ request()->end_date ? date('d-m-Y', strtotime(request()->end_date)) : date('d-m-Y') }}" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-6">
                                <div class="row align-items-center gx-sm-3 gx-0">
                                    <label for="agentName" class="col-md-3">{{__('obs.agent')}}</label>
                                    <div class="col-md-9">
                                        <select type="text" name="name" id="agentName"
                                            class="form-control cl-form-control fd_agent_search"></select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-1 col-6">
                                <button class="btn btn-primary w-100">
                                    <i class="fas fa-search"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="row">
                <div class="m-b-40">
                    <table class="table cl-table table-bordered table-hover table-striped">
                        <thead>
                            <tr>
                                <th class="text-center">{{__('obs.sl')}}</th>
                                <th class="text-center">{{__('obs.code')}}</th>
                                <th class="text-center">{{__('obs.agent')}}</th>
                                <th class="text-center">{{__('obs.inv')}} {{__('obs.date')}}</th>
                                <th class="text-center">{{__('obs.from')}}</th>
                                <th class="text-center">{{__('obs.to')}}</th>
                                {{-- <th class="text-center">Remarks</th> --}}
                                {{-- <th class="text-center">{{__('obs.gross')}} {{__('obs.amount')}}</th> --}}
                                {{-- <th class="text-center">{{__('obs.description')}}</th> --}}
                                <th class="text-center">{{__('obs.remarks')}}</th>
                                <th class="text-center">{{__('obs.rooms')}}</th>
                                <th class="text-center">{{__('obs.qty')}}</th>
                                <th class="text-center">{{__('obs.occupied')}}</th>
                                {{-- <th class="text-center">{{__('obs.doc')}}</th> --}}
                                <th class="text-center">{{__('obs.check_in')}}</th>
                                <th class="text-center">{{__('obs.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" nowrap>{{ $manageAllotment->code ?? '' }}</td>
                                        {{-- <td>{{ $manageAllotment->commission ?? ''}}</td> --}}
                                        <td>{{ $manageAllotment->agent->name_eng ?? '' }}</td>
                                        <td nowrap class="text-center">
                                            {{ date('d-m-Y', strtotime($manageAllotment->inv_date)) ?? '' }}</td>
                                        <td nowrap>{{ $manageAllotment->start_date ? date('d-m-Y', strtotime($manageAllotment->start_date)) : ''}}</td>
                                        <td nowrap>{{ $manageAllotment->end_date ? date('d-m-Y', strtotime($manageAllotment->end_date)) : ''}}</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>{{ $manageAllotment->remarks }}</td>
                                        <td>
                                            {{ implode(', ', $manageAllotment->get_rooms->pluck('get_room')->flatten(1)->pluck('room_number')->toArray()) }}
                                            {{-- {{ $manageAllotment->get_rooms->pluck('get_room') }} --}}
                                        </td>
                                        <td class="text-center">
                                            {{ $manageAllotment->get_rooms->pluck('get_room')->flatten(1)->count() }}
                                        <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" nowrap>
                                            {{-- @if ($manageAllotment->status == 1)
                                                <span class="badge text-bg-warning">{{__('obs.pending')}}</span>
                                            @else --}}
                                                {{-- @if(active_user() == 1) --}}
                                                <a href="{{ route('frontdesk.checkin.by_room.create', ['allotment_id' => $manageAllotment->id]) }}"
                                                        class="btn btn-success btn-sm"><i class="fas fa-check-circle me-2"></i>{{ __('obs.by_agent') }}</a>
                                                <a title="Check In By Reception, Company Will Get a Commission." href="{{ route('frontdesk.checkin.by_room.create', ['allotment_id' => $manageAllotment->id, 'is_commission' => 1]) }}"
                                                        class="btn btn-warning btn-sm"><i class="fas fa-check-circle me-2"></i>{{ __('obs.by_reception') }}</a>
                                                {{-- @endif --}}
                                            {{-- @endif --}}
                                        </td>

                                        <td class="text-center" nowrap>
                                            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton{{ $manageAllotment->id }}" data-bs-toggle="dropdown" aria-expanded="false">
                                                Action
                                            </button>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton{{ $manageAllotment->id }}">
                                                <li class="dropdown-item p-0">
                                                    @if(checkAuthPermission('frontdesk.allotment.print'))
                                                        <a title="Print" class="" target="__blank" href="{{ route('frontdesk.allotment.print', ['id' => $manageAllotment->id]) }}">
                                                            {{ __('obs.print') }}
                                                        </a>
                                                    @endif
                                                </li>
                                                <li class="dropdown-item p-0">
                                                    @if(checkAuthPermission('frontdesk.allotment.print'))
                                                        <a title="Day Wise Bill" class="" target="__blank" href="{{ route('frontdesk.allotment.print_day_wise', ['id' => $manageAllotment->id]) }}">
                                                            {{ __('obs.day_wise_bill') }}
                                                        </a>
                                                    @endif
                                                </li>
                                                <li class="dropdown-item p-0">
                                                    <a title="Room Replace History" class="" target="__blank" href="{{ route('frontdesk.allotment.print', ['id' => $manageAllotment->id, 'view_type' => 'room_replace_history']) }}">
                                                        {{ __('obs.replace_history') }}
                                                    </a>
                                                </li>
                                                <li class="dropdown-item p-0">
                                                    @if(checkAuthPermission('frontdesk.manage_allotment.edit') && $manageAllotment->version == 1)
                                                        <a title="Edit" class="" href="{{ route('frontdesk.manage_allotment.edit', $manageAllotment->id) }}">
                                                            <i class="fas fa-edit"></i>
                                                        </a>
                                                    @endif
                                                </li>
                                                <li class="dropdown-item p-0">
                                                    @if (checkAuthPermission('frontdesk.allotment.replace') && date('Y-m-d', strtotime($manageAllotment->start_date)) <= date('Y-m-d'))
                                                        <a title="Room Replace" class=""
                                                        href="{{ route('frontdesk.allotment.replace', ['id' => $manageAllotment->id]) }}">{{ __('obs.replace') }}</a>
                                                    @endif
                                                </li>
                                                <li class="dropdown-item p-0">
                                                    @if (checkAuthPermission('frontdesk.allotment.release') && date('Y-m-d', strtotime($manageAllotment->start_date)) <= date('Y-m-d'))
                                                        <a class=""
                                                            href="{{ route('frontdesk.allotment.release', ['id' => $manageAllotment->id]) }}">
                                                            {{ __('obs.release') }}</a>
                                                    @endif
                                                </li>
                                                <li class="dropdown-item p-0">
                                                    @if (checkAuthPermission('frontdesk.allotment_commission.create'))
                                                        <a title="Commission Settings" target="__blank" class="" href="{{ route('frontdesk.allotment_commission.create', ['id' => $manageAllotment->id]) }}"> {{ __('obs.commission_settings') }}</a>
                                                    @endif
                                                </li>
                                            </ul>


                                            {{-- @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]) }}">
                                                        {{__('obs.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