@extends('admin.layouts.app')
@section('content')
<div class="page-content">
    <div class="page-subheading page-subheading-md">
        <ol class="breadcrumb">
            <li><a href="javascript:;">Dashboard</a></li>
            <li class="active"><a href="javascript:;">{{  ucfirst($url_record_type) }}</a></li>
            <li class="active"><a href="javascript:;">{{ ucfirst($url_record_type)." Lists"   }}</a></li>
        </ol>
    </div>
    <div class="page-heading page-heading-md">
        <h2>{{  "All ".ucfirst($url_record_type)." Lists" }}</h2>
    </div>
    <div class="container-fluid-md">
        <div class="row">
            <div class="col-md-12">
                <form class="form-horizontal" action="javascript:void(0)" method="POST">
                    @csrf
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">Search</h4>
                        </div>

                        <div class="panel-body">

                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="keyword">Keyword</label>
                                <div class="col-sm-3">
                                    <input type="text" name="keyword" id="keyword" value="{{ old('keyword', request('keyword')) }}" class="form-control">
                                </div>

                                <label class="col-sm-2 col-form-label" for="record_approval_status">Record Approval Status</label>
                                <div class="col-sm-3">
                                    <select name="record_approval_status" id="record_approval_status" class="form-control">
                                        <option value="">All</option>
                                        <option value="Approved" {{ request('record_approval_status') == 'Approved' ? 'selected' : '' }}>Approved</option>
                                        <option value="Submitted" {{ request('record_approval_status') == 'Submitted' ? 'selected' : '' }}>Submitted</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="name">Name</label>
                                <div class="col-sm-3">
                                    <input type="text" name="name" id="name" value="{{ old('name', request('name')) }}" class="form-control">
                                </div>

                                <label class="col-sm-2 col-form-label" for="iata_code">IATA/ISO Code</label>
                                <div class="col-sm-3">
                                    <input type="text" name="iata_code" id="iata_code" value="{{ old('iata_code', request('iata_code')) }}" class="form-control">
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="entity_type">Entity Type</label>
                                <div class="col-sm-3">
                                    <select name="entity_type" id="entity_type" class="form-control">
                                        <option value="">All</option>
                                        <option value="city" {{ request('entity_type') == 'city' ? 'selected' : '' }}>City</option>
                                        <option value="country" {{ request('entity_type') == 'country' ? 'selected' : '' }}>Country</option>
                                        <option value="airport" {{ request('entity_type') == 'airport' ? 'selected' : '' }}>Airport</option>
                                        <option value="airline" {{ request('entity_type') == 'airline' ? 'selected' : '' }}>Airline</option>
                                    </select>
                                </div>

                                <label class="col-sm-2 col-form-label" for="submitted_by">Submitted By</label>
                                <div class="col-sm-3">
                                    <select name="submitted_by" id="submitted_by" class="form-control form-chosen">
                                        <option value="">All</option>
                                        @foreach($users as $user)
                                        <option value="{{ $user['id'] }}" {{ request('submitted_by') == $user['id'] ? 'selected' : '' }}>
                                            {{ $user['name'] }}
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="from_date">From Date</label>
                                <div class="col-sm-3">
                                    <input type="date" name="from_date" id="from_date" value="{{ request('from_date') }}" class="form-control">
                                </div>

                                <label class="col-sm-2 col-form-label" for="to_date">To Date</label>
                                <div class="col-sm-3">
                                    <input type="date" name="to_date" id="to_date" value="{{ request('to_date') }}" class="form-control">
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-sm-12 text-center">
                                    <div id="ContentPlaceHolder1_ValidationSummary1" style="display: none;"></div>
                                    <input type="submit" name="submit" value="Search" id="ContentPlaceHolder1_btnFind" class="btn btn-primary">
                                </div>
                            </div>

                        </div>
                    </div>
                </form>

            </div>
        </div>
        <div class="panel panel-default">
            <form action="javascript:void(0)" method="POST">
                @csrf
                <div class="panel-body">
                    <div class="table-responsive">
                        <table class="table table-striped" style="background-color: white;">
                            <thead>
                                <tr>
                                    <!-- <th>
                                        <input id="check_all" type="checkbox" name="ctl00$ContentPlaceHolder1$CheckBox2">
                                    </th> -->
                                    <th>Record Type</th>
                                    <th>Name</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Entity</th>
                                    <th>Location</th>
                                    <th>Dis Loc </th>
                                    <th>Importance </th>
                                    <th>Date</th>
                                    <!-- <th>Entity Status</th> -->
                                    <!-- <th></th> -->
                                </tr>
                            </thead>
                            <tbody id="table-data">
                                @include('admin.common.all-lists.table-part', ['entities' => $entities])
                            </tbody>
                        </table>
                        <div id="pagination-links">
                            {{ (!empty($entities))? $entities->links():"" }}
                        </div>
                    </div>

                    <!-- <div class="form-group row">
                        <div class="col-md-12">
                            <textarea name="review_remark" rows="2" cols="20" placeholder="Remarks ..." style="width:100%;"></textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-12" style="text-align: center;">
                            <input type="submit" name="aprrove" value="Approve" onclick="return confirm('Are you sure you want to approve all selected!');" id="ContentPlaceHolder1_btnadd" class="btn btn-success">
                            <input type="submit" name="reject" value="Reject" onclick="return confirm('Are you sure you want to reject all selected!');" id="ContentPlaceHolder1_Button1" class="btn btn-danger">
                            <input type="submit" name="send_back" value="Send Back" onclick="return confirm('Are you sure you want to send back all selected!');" id="ContentPlaceHolder1_Button2" class="btn btn-primary">
                        </div>
                    </div> -->

                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function(){
    function fetchData(page = 1) {
        $.ajax({
            url: "{{ route('cms.filter-content-lists',[$url_record_type]) }}?page=" + page,
            method: "POST",
            data: $('form').serialize(),
            headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}'},
            success: function(res) {
                $('#table-data').html(res.html);
                $('#pagination-links').html(res.pagination);
            }
        });
    }

    // On filter submit
    $('form').on('submit', function(e){
        e.preventDefault();
        fetchData();
    });

    // On pagination click
    $(document).on('click', '#pagination-links a', function(e){
        e.preventDefault();
        let page = $(this).attr('href').split('page=')[1];
        fetchData(page);
    });

});
</script>
@endpush