@extends('layout.index')
@section('title', 'Escalation Frequency Data')

@section('content')
<script src="/src/js/filters.js"></script>
<section>
    <div class="content-header row">
        <div class="content-header-left col-md-8 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12 d-flex">
                    <h2 class="content-header-title float-start mb-0">Escalation Frequency Data</h2>
                </div>
            </div>
        </div>
    </div>       
</section>
<section>
    @if ($message = Session::get('success'))
        <div class="demo-spacing-0 mb-1">
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <div class="alert-body">
                    <i class="fa fa-check-circle" style="font-size:16px;" aria-hidden="true"></i>
                    {{ $message }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                </div>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
    @elseif ($message = Session::get('error'))
        <div class="demo-spacing-0 mb-1">
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <div class="alert-body">
                    <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
                    {{ $message }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                </div>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
    @endif

    <div class="content-body">
        <!-- Bordered table start -->
        <div class="row" id="table-bordered">
            <div class="col-12">
                <div class="card">
                    <form class="dt_adv_search" action="" method="POST">
                        {{ csrf_field() }}
                        <input type="hidden" name="form_type" value="search_escalation_frequency">

                        <div class="card-header w-100 m-0" style="display: block;">
                            <div class="row w-150">
                                <div class="col-sm-12">
                                    <div class="row">
                                    <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label">Tab <span style="color:red;">*</span></label>
                                                <select class="form-control form-select" id="tabId" name="tab">
                                                    <option value="">Select Tab</option>
                                                    @foreach($aTabs as $key => $item)
                                                        <option value="{{ $key}}" {{ (old('tab', $tab ?? '') == $key) ? 'selected' : '' }}>
                                                            {{ $item }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <h5 class="mt-1"><small class="text-danger" id="tabId_err"></small></h5>
                                                @error('tab')
                                                    <span class="error" style="color:red;">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <!-- <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label">Frequency <span style="color:red;">*</span></label>
                                                <select class="form-control form-select" id="frequency" name="frequency" onchange="changeFrequency()">
                                                    <option value="">Select Frequency</option>
                                                    @foreach($aFrequency as $key => $item)
                                                        <option value="{{ $key }}" {{ (old('frequency', $frequency ?? '') == $key) ? 'selected' : '' }}>
                                                            {{ $item }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <h5 class="mt-1"><small class="text-danger" id="frequency_err"></small></h5>
                                                @error('frequency')
                                                    <span class="error" style="color:red;">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div> -->

                                        <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label">Start Date <span style="color:red;">*</span></label>
                                                <input type="text" name="startDate" id="startDate" class="form-control flatpickr-basic date_flatpickr"
                                                    placeholder="Start Date" value="{{ old('startDate', $startDate ?? '') }}" autocomplete="off">
                                                <h5 class="mt-1"><small class="text-danger" id="startDate_err"></small></h5>
                                                @error('startDate')
                                                    <span class="error" style="color:red;">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label">Country</label>
                                                <select class="form-control form-select country_filter" id="country" name="countryId" onchange="get_states_filters();">
                                                    <option value="">Select Country</option>
                                                    @foreach($aCountries as $item)
                                                        <option value="{{ $item->id }}" {{ (old('countryId', $countryId ?? '') == $item->id) ? 'selected' : '' }}>
                                                            {{ $item->country_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <h5 class="mt-1"><small class="text-danger" id="country_err"></small></h5>
                                                @error('countryId')
                                                    <span class="error" style="color:red;">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-12 " >   
                                            <div class="form-group mt-2 d-flex" style="gap: 5px">
												<button type="submit" class="btn btn-primary">Search</button>
                                              
                                                @if(!empty($tab)|| !empty($countryId) || !empty($startDate))
                                                    {{-- <br> --}}
                                                    <a title="Clear" class="btn btn-outline-primary " href="{{ url('escalation_tab_frequency/clear_search') }}">
                                                        <i data-feather="rotate-ccw" class="me-25"></i> Clear Search
                                                    </a>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-12 " >   
                                            <div class="form-group m-2 d-flex justify-content-between align-items-center">
												<a href="{{ url('/escalation_tab_frequency/add_edit') }}" class="btn btn-outline-primary float-right waves-effect"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg><span>Add Escalation Tab Frequency</span></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="row p-1">
                        <div class="col-md-12">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table_content">
                                    <thead>
                                        <tr>
                                            <th class="text-left">Id</th>
                                            <th class="text-left">Tab</th>
                                            <th class="text-left">Country</th>
                                            <th class="text-left">Program</th>
                                            <th class="text-left">Brand</th>
                                            <th class="text-left">Frequency</th>
                                            <th class="text-left">date</th>
                                            <th class="text-left">action</th>
                                           
                                        </tr>
                                    </thead>
                                    <tbody>
                                                                                    <tr>
                                                <td colspan="6" class="text-center">No records found.</td>
                                            </tr>
                                                                               
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <input type="hidden" id="pageName" value="list_escalation">
        <!-- Bordered table end -->
    </div>
 
    
</section>
<script>
       $('document').ready(function() {
            var basicPickr = $('.date_flatpickr');
                
                if (basicPickr.length) {
                    basicPickr.flatpickr({
                        dateFormat: 'd-m-Y'
                    });
                }
        });
</script>
@endsection