{{--
 * LaraClassifier - Classified Ads Web Application
 * Copyright (c) BeDigit. All Rights Reserved
 *
 * Website: https://laraclassifier.com
 *
 * LICENSE
 * -------
 * This software is furnished under a license and may be used and copied
 * only in accordance with the terms of such license and with the inclusion
 * of the above copyright notice. If you Purchased from CodeCanyon,
 * Please read the full License from here - http://codecanyon.net/licenses/standard
--}}
@extends('layouts.master')

@php
    $fflDealers ??= [];
    $preferredDealers ??= [];
@endphp

@section('content')
    @includeFirst([config('larapen.core.customizedViewPath') . 'common.spacer', 'common.spacer'])
    <div class="main-container">
        <div class="container">
            <div class="row">
                <div class="col-md-3 page-sidebar">
                    @includeFirst([
                        config('larapen.core.customizedViewPath') . 'account.inc.sidebar',
                        'account.inc.sidebar',
                    ])
                </div>

                <div class="col-md-9 page-content">

                    @include('flash::message')

                    @if (isset($errors) && $errors->any())
                        <div class="alert alert-danger alert-dismissible">
                            <button type="button" class="btn-close" data-bs-dismiss="alert"
                                aria-label="{{ t('Close') }}"></button>
                            <h5><strong>{{ t('oops_an_error_has_occurred') }}</strong></h5>
                            <ul class="list list-check">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <div class="inner-box default-inner-box" style="overflow: visible;">
                        {{-- Preferred Dealer --}}
                        <div class="card card-default">
                            <div class="card-header">
                                <div class="d-flex justify-content-between align-items-center">
                                    <h4 class="card-title text-primary">
                                        {{ 'Search And Select Preferred Dealer.' }}
                                    </h4>
                                    <a href="{{ url('account/preferred-dealer') }}" class="btn btn-primary">
                                        {{ 'View Your Preferred Dealers' }}
                                    </a>
                                </div>
                            </div>
                            <div id="searchFFLDealers" class="card-body">
                                <form action="{{ url('account/preferred-dealer/search') }}" method="GET"
                                    name="search_ffl_dealers" class="form-horizontal" role="form">

                                    {{-- ffl_dealers --}}
                                    <div class="row">
                                        <div class="col-lg-4 col-md-6">

                                            {{-- Search by License Name --}}
                                                                                        <label class="col-form-label {{ $licenseNameError }}" for="license_name">
                                                {{ 'Search by License Name' }}
                                            </label>
                                            <input class="form-control {{ $licenseNameError }}" name="license_name"
                                                type="text" placeholder="{{ 'Search by License Name' }}"
                                                value="{{ old('license_name', request('license_name') ?? '') }}">

                                            {{-- Search by Business Name --}}
                                                                                        <label class="col-form-label {{ $businessNameError }}" for="business_name">
                                                {{ 'Search by Business Name' }}
                                            </label>
                                            <input class="form-control {{ $businessNameError }}" name="business_name"
                                                type="text" placeholder="{{ 'Search by Business Name' }}"
                                                value="{{ old('business_name', request('business_name') ?? '') }}">

                                            {{-- Search by Distance in miles --}}
                                                                                        <label class="col-form-label {{ $distanceError }}" for="distance">
                                                {{ 'Search by Distance in miles' }}
                                            </label>
                                            <input class="form-control {{ $distanceError }}" name="distance" type="number"
                                                value="{{ old('distance', request('distance') ?? '') }}">


                                            {{-- Search by License Number --}}
                                                                                        <label class="col-form-label {{ $licenseNumberError }}" for="license_number">
                                                {{ 'Search by License Number' }}
                                            </label>
                                            <div class="d-flex align-items-center mb-3">
                                                                                                <input class="form-control text-center mx-1 p-0 {{ $licRegnError }}"
                                                    placeholder="{{ '9' }}" type="text" name="lic_regn"
                                                    maxlength="1" style="min-width: 10%;"
                                                    value="{{ old('lic_regn', request('lic_regn') ?? '') }}">
                                                {{ '-' }}
                                                                                                <input class="form-control text-center mx-1 p-0 {{ $licDistError }}"
                                                    placeholder="{{ '99' }}" type="text" name="lic_dist"
                                                    maxlength="2" style="min-width: 15%;"
                                                    value="{{ old('lic_dist', request('lic_dist') ?? '') }}">
                                                {{ '-' }}
                                                <input value="XXX-XX-XX" class="form-control text-center mx-1 p-0"
                                                    style="min-width: 30%;" disabled>
                                                {{ '-' }}
                                                                                                <input class="form-control text-center mx-1 p-0 {{ $licSeqnError }}"
                                                    placeholder="{{ '99999' }}" type="text" name="lic_seqn"
                                                    maxlength="5" style="min-width: 25%;"
                                                    value="{{ old('lic_seqn', request('lic_seqn') ?? '') }}">
                                            </div>

                                            {{-- button --}}
                                            <button type="submit" class="btn btn-primary mb-3">
                                                {{ 'Search' }}
                                            </button>
                                            @if (request()->hasAny(['license_name', 'business_name', 'lic_regn', 'lic_dist', 'lic_seqn']))
                                                <a href="{{ url('account/preferred-dealer/search') }}"
                                                    class="btn btn-outline-secondary mb-3 float-end">
                                                    {{ 'Clear' }}
                                                </a>
                                            @endif
                                        </div>
                                        <div class="col-lg-8 col-md-6">
                                            @if (count($preferredDealers) > 2)
                                                <span class="text-danger text-center">
                                                    {{ 'You can only select a maximum of 3 dealers!' }}
                                                </span>
                                            @endif
                                            <ul class="list-group list-group-flush overflow-auto vh-100 my-3 border">
                                                @forelse ($fflDealers as $key => $fflDealer)
                                                    @php
                                                        $dealerLicense = $fflDealer?->license_number;
                                                        $dealerId = $fflDealer?->id;

                                                        $isSelected = in_array($dealerLicense, $preferredDealers);
                                                        $isDisabled = $isSelected || count($preferredDealers) > 2;
                                                        $values = array_filter([
                                                            $fflDealer?->license_name,
                                                            $fflDealer?->business_name,
                                                            $dealerLicense,
                                                            $fflDealer?->premise_street,
                                                            trim(
                                                                "{$fflDealer?->premise_city} {$fflDealer?->premise_state} {$fflDealer?->premise_zip_code}",
                                                            ),
                                                            $fflDealer?->voice_phone,
                                                            $fflDealer?->away_distance,
                                                        ]);
                                                    @endphp
                                                    <a href="{{ url("account/preferred-dealer/{$dealerId}/select") }}"
                                                        class="list-group-item list-group-item-action d-flex justify-content-between align-items-center {{ $isDisabled ? 'text-muted bg-light disabled' : '' }}"
                                                        title="Click to select!">
                                                        <span>
                                                            {!! implode(', <br>', $values) !!}
                                                        </span>
                                                        @if ($isSelected)
                                                            <span class="text-success">
                                                                {{ 'Selected' }}
                                                            </span>
                                                        @endif
                                                    </a>
                                                @empty
                                                    <li class="list-group-item text-center text-muted">
                                                        {{ 'No dealers found.' }}
                                                    </li>
                                                @endforelse
                                            </ul>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <p class="text-center mb-0 mt-3 text-danger">
                            <strong class="text-dark">{{ 'Disclaimer: ' }}</strong>
                            {{ "Please ensure your selected FFL Dealer's License is Valid via [" }}
                            <a href="https://fflezcheck.atf.gov/FFLEzCheck">
                                {{ 'FFL EZ Check' }}
                            </a>
                            {{ '] prior to saving your selection.' }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('after_scripts')
    <script>
        $(document).ready(function() {
            $("#license_number").on("input", function() {
                const regex = /^\d-\d{2}-[A-Z]{3}-\d{2}-\d{2}-\d{5}$/;
                const inputVal = $(this).val();

                if (!regex.test(inputVal)) {
                    $(this).addClass("is-invalid"); // Bootstrap class to show error
                    $(this).next(".error-message").remove(); // Remove existing error message
                    $(this).after(
                        '<small class="error-message text-danger">Format: 1-66-XXX-XX-XX-00332</small>');
                } else {
                    $(this).removeClass("is-invalid");
                    $(this).next(".error-message").remove();
                }
            });
        });
    </script>
@endsection