@extends('admin.layout.master')
@section('title', 'Lost Found')
@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">
            <h4 class="mb-0">{{__('obs.lost_found_list')}}</h4>
            <button class="btn btn-sm btn-light" onclick="addNewDrawer2()">{{__('obs.add')}}</button>
        </div>
        <div class="card-body pt-1">
            <div class="row g-2">
                <div class="col-xl-2 col-lg-3 col-md-4 col-6">
                    <label class="cl-form-label" for="">{{__('obs.l_f_no')}}</label>
                    <input type="text" class="form-control cl-form-control" id="filter_lf_no">
                </div>
                <div class="col-xl-2 col-lg-3 col-md-4 col-6">
                    <label class="cl-form-label" for="">{{__('obs.type')}}</label>
                    <select name="filter_type" id="filter_type" class="form-control cl-form-control select_2">
                        <option value="">{{__('obs.all')}}</option>
                        <option value="1">{{__('obs.lost')}}</option>
                        <option value="2">{{__('obs.found')}}</option>
                    </select>
                </div>
                <div class="col-xl-2 col-lg-3 col-md-4 col-6">
                    <label for="">{{__('obs.status')}}</label>
                    <select name="filter_status" id="filter_status" class="form-control cl-form-control select_2">
                        <option value="">{{__('obs.all')}}</option>
                        <option value="1">{{__('obs.not_returned')}}</option>
                        <option value="2">{{__('obs.returned')}}</option>
                    </select>
                </div>
                <div class="col-xl-2 col-lg-3 col-md-4 col-6">
                    <label for="">{{__('obs.from')}}</label>
                    <input type="text" class="form-control cl-form-control date_picker" value="{{ date('d-m-Y') }}" id="start_date">
                </div>
                <div class="col-xl-2 col-lg-3 col-md-4 col-6">
                    <label for="">{{__('obs.to')}}</label>
                    <input type="text" class="form-control cl-form-control date_picker" value="{{ date('d-m-Y') }}" id="end_date">
                </div>
                <div class="col-xl-2 col-lg-3 col-md-4">
                    <label for="">&nbsp;</label>
                    <button class="btn btn-sm btn-primary d-block" onclick="loadData()">{{__('obs.filter')}}</button>
                </div>

                <div class="commonListBody mt-2" style="min-height: 100px" id="loaded_info">
        
                </div>
                <div class="commonListPaginate mt-2">
        
                </div>
            </div>
        </div>
    </div>

    <div class="insert_drawer_full_page" onclick="hideAddNewDrawer()">
        <div class="insert_drawer" onclick="dontHideAddNewDrawer(event)">
            <div class="d-flex justify-content-center">
                <div class="px-1">
                    <style>
                        /* .form-group{
                            margin-bottom: 0;
                        } */
                    </style>
                    <form action="{{ route('frontdesk.lost_found.store') }}" class="form_submit">
                        <input type="hidden" name="row_id" id="row_id">
                        <input type="hidden" name="return_posting" id="return_posting" value="0">
                        <div class="lost_found">
                            <div class="form-group">
                                <label class="cl-form-label" for="">{{__('obs.date')}}</label>
                                <input type="text" value="{{ date('d-m-Y') }}" class="form-control cl-form-control date_picker" name="date" id="date">
                            </div>
                            <div class="form-group">
                                <label class="cl-form-label w-100" for="">{{__('obs.type')}}</label>
                                <select name="type" id="type" class="form-control cl-form-control select_2 w-100">
                                    <option value="1">{{__('obs.lost')}}</option>
                                    <option value="2">{{__('obs.found')}}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="cl-form-label w-100" for="">{{__('obs.l_f_by')}}</label>
                                <select name="lf_by_type" id="lf_by_type" onchange="lfByTypeChange()" class="form-control cl-form-control select_2 w-100">
                                    <option value="2">{{__('obs.guest')}}</option>
                                    <option value="1">{{__('obs.employee')}}</option>
                                </select>
                            </div>
                            <div class="form-group guest_div">
                                <label class="cl-form-label w-100" for="">{{__('obs.guest')}}</label>
                                <select name="lf_by" id="lf_by" class="form-control cl-form-control guest_live_search w-100"></select>
                            </div>
                            <div class="form-group">
                                <label class="cl-form-label" for="">{{__('obs.location')}}</label>
                                <input type="text" class="form-control cl-form-control" name="location" id="location" step="any">
                            </div>
                            <div class="form-group">
                                <label class="cl-form-label" for="">{{__('obs.item')}}</label>
                                <input type="text" class="form-control cl-form-control" name="item" id="item" step="any">
                            </div>
                            <div class="form-group">
                                <label class="cl-form-label" for="">{{__('obs.remarks')}}</label>
                                <textarea name="remarks" class="form-control cl-form-control" id="remarks" cols="30" rows="1"></textarea>
                            </div>
                        </div>
                        <div class="lost_found_return" style="display: none">
                            <div class="form-group">
                                <label class="cl-form-label" for="">{{__('obs.return_no')}}</label>
                                <select name="return_to_type" id="return_to_type" class="form-control cl-form-control select_2" style="width: 100%">
                                    {{-- <option value="1">Employee</option> --}}
                                    <option value="2">{{__('obs.guest')}}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="cl-form-label" for="">{{__('obs.guest')}}</label>
                                <select name="return_to" id="return_to" class="form-control cl-form-control guest_live_search" style="width: 100%"></select>
                            </div>
                            <div class="form-group">
                                <label class="cl-form-label" for="">{{__('obs.return_date')}}</label>
                                <input type="text" value="{{ date('d-m-Y') }}" class="form-control cl-form-control date_picker" style="width: 100%" name="return_date" id="return_date">
                            </div>
                            <div class="form-group">
                                <label class="cl-form-label" for="">{{__('obs.return_remarks')}}</label>
                                <textarea name="return_remarks" class="form-control cl-form-control" style="width: 100%" id="return_remarks" cols="30" rows="1"></textarea>
                            </div>
                        </div>
                        <div class="form-group mt-2 text-center">
                            <button class="btn btn-sm btn-primary">{{__('obs.save')}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @include('frontdesk.common.common')
@endsection


@section('script')
    {{-- <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script> --}}
    <script>
        const store_setting = @json(store_info());
        const warehouse_setting = @json(warehouse_info());
        let ajaxUrl = "{{ route('frontdesk.lost_found.index') }}";
        let ajaxData = {};
        $(document).ready(function(){
            loadData();
            remote_select('guest_live_search', "{{ route('frontdesk.guest_live_search') }}", true, "Select Guest");
        });

        function addNewDrawer2(){
            $('#return_posting').val(0);
            $('.lost_found').show();
            $('.lost_found_return').hide();
            addNewDrawer();
        }

        function lfByTypeChange(){
            let type = $('#lf_by_type').val();
            if(type == 2){
                $('.guest_div').slideDown(500);
            }else{
                $('.guest_div').slideUp(500);
            }
        }

        function returnItem(id){
            $('#return_posting').val(1);
            getLoadingStatusNew();
            customAjaxCall(function(res){
                addNewDrawer();
                $('#row_id').val(res.info.id);
                $('.lost_found').hide();
                $('.lost_found_return').show();
                closeSweetAlert();
            }, 'get', "{{ route('frontdesk.lost_found.find') }}", {id});
        }

        function editLostFound(id){
            $('#return_posting').val(0);
            getLoadingStatusNew();
            customAjaxCall(function(res){
                addNewDrawer();
                $('#row_id').val(res.info.id);

                $('#date').val(res.info.date);
                $('#type').val(res.info.type).trigger('change');
                $('#lf_by_type').val(res.info.lf_by_type).trigger('change');
                $('#lf_by').html(res.info.lf_by);
                $('#location').val(res.info.location);
                $('#item').val(res.info.item);
                $('#remarks').val(res.info.remarks);

                $('.lost_found').show();
                if(res.info.return_to_type != null){
                    $('.lost_found_return').show();

                    $('#return_to').html(res.info.return_to);
                    $('#return_date').val(res.info.return_date);
                    $('#return_remarks').val(res.info.return_remarks);
                } else {
                    $('.lost_found_return').hide();
                }
                closeSweetAlert();
            }, 'get', "{{ route('frontdesk.lost_found.find') }}", {id});
        }

        function loadData(){
            console.log("here 22");
            hideAddNewDrawer();
            getLoadingStatusNew();
            let filter_lf_no = $('#filter_lf_no').val();
            let filter_type = $('#filter_type').val();
            let filter_status = $('#filter_status').val();
            let start_date = $('#start_date').val();
            let end_date = $('#end_date').val();
            ajaxData = {filter_lf_no,filter_type,filter_status,start_date,end_date};
            customAjaxCall(function(res){
                $('.commonListBody').html(res.body);
                $('.commonListPaginate').html(res.paginate);
                closeSweetAlert();
            }, 'GET', ajaxUrl, ajaxData)
        }
    </script>

@endsection