@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:;">City</a></li>
            <li class="active"><a href="javascript:;">Pending Approval</a></li>
        </ol>
    </div>
    <div class="page-heading page-heading-md">
        <h2>Pending Approval</h2>
    </div>
    <div class="container-fluid-md">
        <div class="row">
            <div class="col-md-12">
                <form class="form-horizontal" action="{{ route('city.approval') }}" 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="city_name">City Name</label>
                                <div class="col-sm-3">
                                    <input type="text" name="city_name" id="city_name" value="{{ old('city_name', request('city_name')) }}" class="form-control">
                                </div>

                                <label class="col-sm-2 col-form-label" for="iata_code">IATA 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="record_type">Record Type</label>
                                <div class="col-sm-3">
                                    <select name="record_type" id="record_type" class="form-control">
                                        <option value="">All</option>
                                        <option value="Advertisement" {{ request('record_type') == 'Advertisement' ? 'selected' : '' }}>Advertisement</option>
                                        <option value="Article" {{ request('record_type') == 'Article' ? 'selected' : '' }}>Article</option>
                                        <option value="content" {{ request('record_type') == 'content' ? 'selected' : '' }}>Content</option>
                                        <option value="Video" {{ request('record_type') == 'Video' ? 'selected' : '' }}>Video</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="{{ route('city.entity-submit') }}" 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>City</th>
                                    <th>Dis Loc </th>
                                    <th>Importance </th>
                                    <th>Date</th>
                                    <th>Entity Status</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($entities as $val)
                                @php
                                $roles = getApprovalRolesByEntity($val->entity_code);
                                @endphp
                                @if($roles['approvalcontentTabs'] && $val->er_status == 'Submitted')
                                <tr class="odd gradeA">
                                    <td>
                                        <input type="checkbox" name="cms_draft_entity_id[]" value="{{ $val->cms_draft_entity_id }}">
                                        <input type="hidden" name="cms_draft_record_id" value="{{ $val->cms_draft_record_id }}">
                                    </td>
                                    <td>{{ $val->record_type }}</td>
                                    <td><a href="preview" target="_blank">{{ $val->name }}</a></td>
                                    <td>{{ $val->created_at }}</td>
                                    <td>{{ $val->dr_status }}</td>
                                    <td>{{ $val->city_name }}</td>
                                    <td>{{ $val->display_location??"--" }}</td>
                                    <td>{{ $val->display_importance }}</td>
                                    <td>{{ clientDateFormat($val->created_at, 'Y-m-d H:i') }}</td>
                                    <td>{{ $val->er_status }}</td>
                                    <td><a href="{{ route('cms.content-details', ['id' => $val->id, 'cmsid' => $val->cms_record_id]) }}">Act Now</a></td>
                                </tr>
                                @endif
                                @endforeach
                            </tbody>
                        </table>
                    </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() {
        const checkAllBox = $('#check_all');
        const itemCheckboxes = $('input[name="cms_draft_entity_id[]"]');

        checkAllBox.on('change', function() {
            itemCheckboxes.prop('checked', this.checked);
        });

        itemCheckboxes.on('change', function() {
            const allChecked = itemCheckboxes.length === itemCheckboxes.filter(':checked').length;
            checkAllBox.prop('checked', allChecked);
        });
    });
</script>
@endpush