@extends('layout.master')
@section('rps')
    active
@endsection
@section('content')
    <!--breadcrumbs-->
    <div id="content-header">
        <div id="breadcrumb"> <a href="dashboard" title="Go to Home" class="tip-bottom"><i class="icon-home"></i>
                Home</a> <a href="#">Regional Page Images</a>
        </div>
        <!--End-breadcrumbs-->
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span12">
                @section($active)
                    active
                @endsection
                <ul class="nav nav-tabs">
                    {{-- <li class="@yield('tbo1')"><a href="home-sliding-banner">Sliding Banner</a></li> --}}
                    <li class="@yield('lft')"><a href="{{ url('regional-lft') }}">Regional LFT</a></li>
                    <li class="@yield('tbo')"><a href="{{ url('regional-tbo') }}">Regional TBO</a></li>
                    <li class="@yield('tfo')"><a href="{{ url('regional-tfo') }}">Regional TFO</a></li>
                    <li class="@yield('tdo')"><a href="{{ url('regional-tdo') }}">Regional TDO</a></li>
                    <a href="{{ url('add-regional-brand') }}" class="btn btn-primary pull-right"
                        style="border-radius: 4px">Add New Brand</a>
                </ul>
                <div class="control-group">
                    @if (session()->has('ErrorImage'))
                        <div class="alert alert-danger">{{ session()->get('ErrorImage') }}</div>
                    @elseif(session()->has('success'))
                        <div class="alert alert-success">{{ session()->get('success') }}</div>
                    @endif
                </div>
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
                        <h5>Regional Data</h5>
                        <div style="float: right;">
                            <label>Search by Franchisor ID or State:
                                <input type="text" id="brandsearch" placeholder="Enter Franchisor Id"
                                    style="width: 250px; height: 32px; margin-top: 8px;">
                                &nbsp;
                                {{-- </label> --}}
                                {{-- <label>Search by State: --}}
                                <select id="statesearch" style="width: 250px; height: 32px; margin-top: 8px;">
                                    <option value="">Select State</option>
                                    @foreach (config('constants.stateArr') as $stateId => $stateName)
                                        <option value="{{ $stateId }}">{{ $stateName }}</option>
                                    @endforeach
                                </select>
                                &nbsp;
                            </label>

                        </div>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th rowspan="2">S.No.</th>
                                    <th rowspan="2">Franchisor-ID</th>
                                    <th rowspan="2">Type</th>
                                    <th rowspan="2">Image</th>
                                    <th colspan="2">Tenure</th>
                                    <th rowspan="2">Weightage</th>
                                    <th rowspan="2">State</th>
                                    <th rowspan="2">Status</th>
                                    <th colspan="2">Actions</th> <!-- Now spans 2 columns -->
                                </tr>
                                <tr>
                                    <th>Start Date</th>
                                    <th>End Date</th>
                                    <th>Edit</th>
                                    <th>Delete</th>
                                </tr>

                            </thead>
                            <tbody id="tablecontent">
                                @php
                                    $i = 0;
                                @endphp
                                @foreach ($data as $imageData)
                                    @php
                                        $process = 'unhide';
                                        $btn = 'danger';
                                        $startDate = 'Not Found';
                                        $endDate = 'Not Found';
                                        $alert = 'black';
                                        $type = 'FIHL';

                                        if ($imageData->status == 1) {
                                            $process = 'hide';
                                            $btn = 'success';
                                        }
                                        $i = ++$i;

                                        foreach ($startEndDate as $dateData) {
                                            if ($dateData->franchisor_id == $imageData->fihl_id) {
                                                $startDate = $dateData->start_date;
                                                $endDate = $dateData->end_date;
                                                $alert = 'black';
                                                $type = 'FIHL';

                                                if ($dateData->amount == 0) {
                                                    $type = 'FIBL';
                                                }

                                                if (strtotime($endDate) < strtotime(date('Y-m-d H:i:s'))) {
                                                    $alert = 'red';
                                                }
                                            }
                                        }
                                    @endphp
                                    <tr class="gradeX">
                                        <td style="font-size: large;">{{ $i }}</td>
                                        <td style="font-size: large;">{{ $imageData->fihl_id }}</td>
                                        <td style="font-size: large;">{{ $type }}</td>
                                        <td>
                                            <center><img src="{{ $imageData->brand_img }}" width="auto"
                                                    style="max-height: 100px;"></center>
                                        </td>
                                        <td style="color: {{ $alert }};">{{ $startDate }}</td>
                                        <td style="color: {{ $alert }};"> {{ $endDate }}</td>
                                        <td style="font-size: large;">{{ $imageData->weightage }}</td>
                                        <td>{{ config('constants.stateArr')[$imageData->state_id] ?? 'Not Found' }}
                                        </td>
                                        <td>
                                            <center><a
                                                    href="{{ Config('constants.MainDomain') }}/{{ 'regional-' . $process }}/{{ $imageData->brand_id }}"><button
                                                        class="btn btn-medium btn-{{ $btn }}"
                                                        style="border-radius: 4px; text-transform: capitalize;">{{ $process }}</button></a>
                                            </center>
                                        </td>
                                        <td>
                                            <center><a
                                                    href="{{ Config('constants.MainDomain') }}/regional-edit/{{ $imageData->brand_id }}"><button
                                                        class="btn btn-medium btn-warning"
                                                        style="border-radius: 4px">Edit</button></a></center>
                                        </td>
                                        <td>
                                            <center><a
                                                    href="{{ Config('constants.MainDomain') }}/regional-delete/{{ $imageData->brand_id }}"><button
                                                        class="btn btn-medium btn-warning"
                                                        style="border-radius: 4px">Delete</button></a>
                                            </center>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="custpagin">{{ $data->links('pagination::bootstrap-4') }}</div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        function debounce(func, delay) {
            let timer;
            return function() {
                clearTimeout(timer);
                timer = setTimeout(() => func.apply(this, arguments), delay);
            };
        }

        function fetchData(url, params) {
            $.get(url, params)
                .done(function(data) {
                    $('#tablecontent').html(data);
                    $('.custpagin').hide();
                })
                .fail(function() {
                    console.error('Error fetching data');
                });
        }

        $('#brandsearch').on('input', debounce(function() {
            const value = $(this).val().trim();
            if (value.length > 5) {
                fetchData('{{ URL::to('regionalsearch') }}', {
                    search: value,
                    section: "{{ $section }}",
                    pageType: "{{ $pType }}",
                });
            }
        }, 300));

        $('#statesearch').on('change', debounce(function() {
            const stateId = $(this).val().trim();
            if (stateId) {
                fetchData('{{ URL::to('regionalsearch') }}', {
                    state: stateId,
                    section: "{{ $section }}",
                    pageType: "{{ $pType }}",
                });
            }
        }, 300));
    </script>
@endsection