@extends('layout.master')
@section('RSS', 'active open')
@section('RDD', 'active')
@if ($active == 'all')
    @section('RDD', 'active')
@elseif ($active == 'pbo')
    @section('DPBO', 'active')
@elseif ($active == 'sbo')
    @section('DSBO', 'active')
@elseif ($active == 'tfo')
    @section('DTFO', 'active')
@elseif ($active == 'fbo')
    @section('DFBO', 'active')
@endif
@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="#">Dealer Regional Dashboard</a>
        </div>
        <!--End-breadcrumbs-->
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span12">
                @section($active, 'active')
                <ul class="nav nav-tabs">
                    <li class="@yield('all')"><a href="{{ url('regional-dealer-dashboard') }}">All</a></li>
                    <li class="@yield('pbo')"><a href="{{ url('dealer-regional-pbo') }}">Regional PBO</a></li>
                    <li class="@yield('sbo')"><a href="{{ url('dealer-regional-sbo') }}">Regional SBO</a></li>
                    <li class="@yield('tfo')"><a href="{{ url('dealer-regional-tfo') }}">Regional TFO</a></li>
                    <li class="@yield('fbo')"><a href="{{ url('dealer-regional-fbo') }}">Regional FBO</a></li>
                    <a href="{{ url('dealer-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>Dealer 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;

                                <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">Section</th>
                                    <th rowspan="2">State</th>
                                    <th rowspan="2">Status</th>
                                    <th colspan="3">Actions</th>
                                </tr>
                                <tr>
                                    <th>Start Date</th>
                                    <th>End Date</th>
                                    <th>Edit</th>
                                    <th>Delete</th>
                                    <th>Upgrade</th>
                                </tr>

                            </thead>
                            <tbody id="tablecontent">
                                @php
                                    $i = 0;
                                    $sectionNames = [1 => 'PBO', 2 => 'SBO', 3 => 'TFO', 4 => 'FBO'];
                                @endphp
                                @foreach ($groupedData as $stateId => $dealers)
                                    <tr>
                                        <td colspan="12" style="background: #eee; font-weight: bold;">
                                            State: {{ config('constants.stateArr')[$stateId] ?? 'Not Found' }}
                                        </td>
                                    </tr>

                                    @foreach ($dealers as $imageData)
                                        @php
                                            $process = $imageData->status == 1 ? 'hide' : 'unhide';
                                            $btn = $imageData->status == 1 ? 'success' : 'danger';
                                            $startDate = 'Not Found';
                                            $endDate = 'Not Found';
                                            $alert = 'black';
                                            $type = 'FIHL';

                                            foreach ($startEndDate as $dateData) {
                                                if (
                                                    $dateData->franchisor_id == $imageData->fihl_id &&
                                                    $dateData->state_id == $imageData->state_id
                                                ) {
                                                    $startDate = $dateData->start_date;
                                                    $endDate = $dateData->end_date;
                                                    $type = $dateData->amount == 0 ? 'FIBL' : 'FIHL';
                                                    $alert = strtotime($endDate) < strtotime(now()) ? 'red' : 'black';
                                                }
                                            }

                                            $i++;
                                        @endphp

                                        <tr class="gradeX">
                                            <td>{{ $i }}</td>
                                            <td>{{ $imageData->fihl_id }}</td>
                                            <td>{{ $type }}</td>
                                            <td>
                                                <center><img src="{{ $imageData->brand_img }}"
                                                        style="max-height: 100px;"></center>
                                            </td>
                                            <td style="color: {{ $alert }}">{{ $startDate }}</td>
                                            <td style="color: {{ $alert }}">{{ $endDate }}</td>
                                            <td>{{ $sectionNames[$imageData->brand_section] ?? $imageData->brand_section }}
                                            </td>
                                            <td>{{ config('constants.stateArr')[$imageData->state_id] ?? 'Not Found' }}
                                            </td>
                                            <td>
                                                <center>
                                                    <a
                                                        href="{{ config('constants.MainDomain') }}/dealer-regional-{{ $process }}/{{ $imageData->brand_id }}">
                                                        <button
                                                            class="btn btn-{{ $btn }}">{{ ucwords($process) }}</button>
                                                    </a>
                                                </center>
                                            </td>
                                            <td>
                                                <center>
                                                    <a
                                                        href="{{ config('constants.MainDomain') }}/dealer-regional-edit/{{ $imageData->brand_id }}">
                                                        <button class="btn btn-warning">Edit</button>
                                                    </a>
                                                </center>
                                            </td>
                                            <td>
                                                <center>
                                                    <a
                                                        href="{{ config('constants.MainDomain') }}/dealer-regional-delete/{{ $imageData->brand_id }}">
                                                        <button class="btn btn-danger">Delete</button>
                                                    </a>
                                                </center>
                                            </td>
                                            <td>
                                                <center>
                                                    @php
                                                        $urlData = [
                                                            'fihl_id' => $imageData->fihl_id,
                                                            'state_id' => $imageData->state_id,
                                                            'type' => 'dealer',
                                                        ];
                                                        $encodedParams = base64_encode(json_encode($urlData));
                                                    @endphp
                                                    <a
                                                        href="{{ config('constants.MainDomain') }}/upgrade-regional-membership/{{ $encodedParams }}">
                                                        <button class="btn btn-primary">Upgrade</button>
                                                    </a>
                                                </center>
                                            </td>
                                        </tr>
                                    @endforeach
                                @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('dealer-regionalsearch') }}', {
                    search: value,
                    section: "{{ $section }}",
                    pageType: "{{ $pType }}",
                });
            }
        }, 300));

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