@extends('admin.layout.master')
@section('title', 'Room Purchase List')
@section('content')
    <style>
        #loaded_info{
            height: calc(100vh - 245px)!important;
        }
    </style>
    <div class="card sina-card mt-0 mb-1">
        <div class="card-header card-header-s d-flex justify-content-between">
            <h5 class="mb-0">{{__('obs.room_purchase_list')}}</h5>
            <a href="{{ route('frontdesk.room_purchase.create') }}" class="btn btn-sm btn-light">{{__('obs.create')}}</a>
        </div>
        <div class="card-body pt-1">
            <div class="row">
                <div class="col px-1"> 
                    <div class="form-group mb-0">
                        <label for="" class="col-sm-5" title="End Date">{{__('obs.hotel')}}</label>
                        <select name="oh_hotel" style="width: 100%!important" id="other_hotel_id" class="form-control fd_other_hotel_live_search">
                        </select>
                    </div>
                </div>
                <div class="col px-1"> 
                    <div class="form-group mb-0">
                        <label for="" class="col-sm-5" title="End Date">{{__('obs.invoice')}}</label>
                        <input type="text" class="form-control" id="invoice_no">
                    </div>
                </div>
                <div class="col px-1">
                    <div class="form-group">
                        <label for="" title="Invoice Date">{{__("obs.start_date")}} ( {{ __('obs.inv') }} )</label>
                        <input type="text" autocomplete="false" id="start_date" name="start_date"
                            class="form-control date_picker" data-type="datepicker">
                    </div>
                </div>
                <div class="col px-1">
                    <div class="form-group">
                        <label for="" title="Invoice Date">{{__("obs.end_date")}} ( {{ __('obs.inv') }} )</label>
                        <input type="text" autocomplete="false" id="end_date" name="end_date"
                            class="form-control date_picker" data-type="datepicker">
                    </div>
                </div>
                <div class="col px-1">
                    <div class="form-group">
                        <label for="" title="Purchase Start From Date">{{__("obs.start_date")}} ({{ __('obs.from')}} )</label>
                        <input type="text" autocomplete="false" id="start_date_start" name="start_date_start" value="{{ date('d-m-Y') }}"
                            class="form-control date_picker" data-type="datepicker">
                    </div>
                </div>
                <div class="col px-1">
                    <div class="form-group">
                        <label for="" title="Purchase Start From Date">{{__("obs.end_date")}} ({{ __('obs.from') }})</label>
                        <input type="text" autocomplete="false" id="end_date_start" name="end_date_start" value="{{ date('d-m-Y') }}"
                            class="form-control date_picker" data-type="datepicker">
                    </div>
                </div>
                <div class="col px-1">
                    <div class="form-group">
                        <label for="">{{__('obs.status')}}</label>
                        <select name="status" id="status" class="form-control">
                            <option value="">{{__('obs.all')}}</option>
                            <option value="1" selected>{{ __('obs.active') }}</option>
                            <option value="2">{{ __('obs.cancelled') }}</option>
                        </select>
                    </div>
                </div>
                <div class="col-2 px-1">
                    <label for="">&nbsp;</label><br>
                    <button type="button" onclick="getReportData()" class="btn btn-primary btn-sm" name="filter" >{{__("obs.filter")}}</button>
                    <button type="button" onclick="reset()" class="btn btn-danger btn-sm" name="filter" >{{__("obs.reset")}}</button>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div id="divTableDataHolder">

                </div>
            </div>
        </div>
    </div>
@include('frontdesk.common.common')
@endsection

@section('script')

    <script>
        function getReportData(){
            getLoadingStatusNew();
            let start_date = $('#start_date').val();
            let end_date = $('#end_date').val();
            // let agent = $('#agent').val();
            // let booking_id = $('#booking_id').val();
            // let type = $('#type').val();
            let oh_hotel = $('#other_hotel_id').val();
            let invoice_no = $('#invoice_no').val();
            let start_date_start = $('#start_date_start').val();
            let end_date_start = $('#end_date_start').val();
            let status = $('#status').val();
            let payload = {
                start_date, end_date, oh_hotel, invoice_no, start_date_start, end_date_start, status
            };
                ajaxCustom(function(res){
                    console.log(res);
                    $('#divTableDataHolder').html(res.data);
                    closeSweetAlert();
                }, 'GET', "{{route('frontdesk.room_purchase.index')}}", payload);
        }
        function reset(){
            $('#start_date').val('');
            $('#end_date').val('');
            $('#other_hotel_id').val('').trigger('change');
            $('#invoice_no').val('');
            $('#start_date_start').val('');
            $('#end_date_start').val('');
        }
        function roomPurchaseCancel(id){
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                cancelButtonText: 'No',
                confirmButtonText: 'Yes, Cancel it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    getLoadingStatusNew();
                    ajaxCustom(function(res){
                        console.log(res);
                        $('#divTableDataHolder').html(res.data);
                        
                        closeSweetAlert();
                        Swal.fire({
                            title: res.message,
                            text: "",
                            icon: 'success',  
                        }).then((result) => {
                            if (result.isConfirmed) {
                                getReportData();
                            }
                        })
                    }, 'GET', "{{route('frontdesk.room_purchase.cancel')}}", {id:id});
                }
            })
        }
    </script>

@endsection