@php
    $steps = [
        ['label' => 'Business', 'icon' => 'bx bx-building-house', 'path' => 'business-overview'],
        ['label' => 'Owners', 'icon' => 'fas fa-users', 'path' => 'owners-info'],
        ['label' => 'Bank', 'icon' => 'bx bxs-bank', 'path' => 'bank-info'],
        ['label' => 'Pricing', 'icon' => 'bx bx-dollar-circle', 'path' => 'pricing'],
        ['label' => 'Products', 'icon' => 'fas fa-boxes', 'path' => 'products'],
        ['label' => 'Review', 'icon' => 'bx bx-news', 'path' => 'review'],
    ];
    $lastPath = collect(request()->segments())->last();
    $applicationNumber = request()->query('application_number');
    $locations = isset($locations) && count($locations) ? $locations : [];
@endphp

@extends('front.layouts.merchant.app')

@section('content')
    <div class="main-content min-vh-100">
        <div class="page-content mt-4">
            <div class="container-fluid">
                @include('front.components.merchant.page-title')

                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="media mob-column">
                                    <h4 class="card-title mt-3">Business Locations​</h4>
                                    <div class="media-body text-right">
                                        <button type="button" id="add-location-btn" class="btn btn-outline-primary btn-lg">
                                            {!! \Config::get('settings.icon_add') !!} Add Location
                                        </button>
                                    </div>
                                </div>
                                <hr>

                                <h5 class="card-title mt-3 mb-4">Open Applications</h5>
                                <form id="business-location-form" method="POST"
                                    action="{{ route('merchant.business-location.submit') }}">
                                    @csrf
                                    <input type="hidden" name="application_number"
                                        value="{{ isset($data) ? $data->application_number : '' }}">
                                    <div id="location-fields">
                                        @forelse ($locations as $idx => $loc)
                                            @php
                                                $businessInfo = App\Models\Merchant\MerchantLocationBusiness::where(
                                                    'merchant_location_id',
                                                    $loc->id,
                                                )->first();
                                            @endphp
                                            @if (!$businessInfo || $businessInfo->status != 2)
                                                <div class="row location-row mb-2" data-location-id="{{ $loc->id }}">
                                                    <div class="col-lg-3">
                                                        <div class="form-group">
                                                            @if (!$idx)
                                                                <label>Business Address</label><span
                                                                    class='text-danger'>*</span>
                                                            @else
                                                                <label></label>
                                                            @endif
                                                            <input type="text" class="form-control location-address"
                                                                placeholder="Enter Business Location" name="locations[]"
                                                                value="{{ $loc->full_address ?? '' }}" required
                                                                data-parsley-required="true"
                                                                data-parsley-trigger="change" />
                                                            <input type="hidden" class="location-lat" name="latitudes[]"
                                                                value="{{ $loc->lat ?? '' }}" />
                                                            <input type="hidden" class="location-lng" name="longitudes[]"
                                                                value="{{ $loc->lng ?? '' }}" />
                                                            <input type="hidden" class="location-id" name="location_ids[]"
                                                                value="{{ $loc->id }}" />
                                                            <input type="hidden" class="state-name" name="state_name[]"
                                                                value="{{ $loc->state_name ?? '' }}" />
                                                            <input type="hidden" class="city-name" name="city_name[]"
                                                                value="{{ $loc->city_name ?? '' }}" />
                                                            <input type="hidden" class="zip-code" name="zip_codes[]"
                                                                value="{{ $loc->zip ?? '' }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <div class="form-group">
                                                            @if (!$idx)
                                                                <label>Business Title</label>
                                                            @else
                                                                <label></label>
                                                            @endif
                                                            <input type="text" class="form-control business-title"
                                                                placeholder="Enter Business Title" name="business_titles[]"
                                                                value="{{ $businessInfo->business_name ?? '' }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-7">
                                                        <div class="row">
                                                            <div class="col-lg-9">
                                                                <div class="stepper-wrapper">
                                                                    @foreach ($steps as $index => $step)
                                                                        @php
                                                                            $isActive = $lastPath === $step['path'];
                                                                            $isCompleted =
                                                                                $loc->onboarding_level > $index;
                                                                            $classes = '';

                                                                            if ($isActive) {
                                                                                $classes .= 'active';
                                                                                if (
                                                                                    $loc->onboarding_level >=
                                                                                    $index + 1
                                                                                ) {
                                                                                    $classes .= 'completed';
                                                                                }
                                                                            } elseif ($isCompleted) {
                                                                                $classes .= 'completed';
                                                                            }
                                                                        @endphp
                                                                        <div class="stepper-item {{ $classes }}">
                                                                            <div class="step-icon">
                                                                                <i class="{{ $step['icon'] }}"></i>
                                                                            </div>
                                                                            <div class="step-label text-dark">
                                                                                {{ $step['label'] == 'Owners' ? (isset($businessInfo) && $businessInfo->entity_type_id == 4 ? 'Principals' : $step['label']) : $step['label'] }}
                                                                                {{-- {{ $step['label'] == 'Owners' ? ($businessInfo->entity_type_id == 6 ? 'Principals' : $step['label']) : $step['label'] }} --}}
                                                                            </div>
                                                                        </div>
                                                                    @endforeach
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-3">
                                                                <div class="btn-wrap business-location-btn-wrap">
                                                                    {!! html()->button(
                                                                            $loc->onboarding_level == 0
                                                                                ? 'Start <i class="fas fa-arrow-right"></i>'
                                                                                : 'Continue <i class="fas fa-arrow-right"></i>',
                                                                        )->type('button')->class('btn btn-primary next-btn float-right mr-3')->attribute('title', 'Set up business')->name('location_id', $loc->id)->value($loc->id)->id("location-{$loc->id}") !!}


                                                                    <button type="button"
                                                                        class="btn btn-outline-danger btn-rounded remove-btn"
                                                                        title="Remove location">
                                                                        {!! \Config::get('settings.icon_delete') !!}
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @empty
                                            <div class="alert alert-info" id="no-applications-alert">No open applications
                                                created yet.</div>
                                        @endforelse
                                    </div>

                                    <div class="row mb-3">
                                        <div class="col-lg-12">
                                            <h5 class="card-title">Submitted Applications</h5>
                                            @if (isset($applications) && count($applications) > 0)
                                                @foreach ($applications as $location)
                                                    <div
                                                        class="d-flex align-items-center justify-content-between bg-light p-3 rounded mb-2">
                                                        <div>
                                                            <strong>{{ $location->full_address }}</strong>
                                                            <span
                                                                class="badge badge-pill badge-soft-{{ $location->statuses[$location->status]['badge'] }} font-size-12">{!! $location->statuses[$location->status]['name'] !!}</span>
                                                        </div>
                                                        <a href="{{ route('merchant.review', ['application_number' => $applicationNumber, 'location_id' => $location->id]) }}"
                                                            class="btn btn-primary">
                                                            <i class="fas fa-eye me-1"></i> View Application
                                                        </a>
                                                    </div>
                                                @endforeach
                                            @else
                                                <div class="alert alert-info">No application submitted yet.</div>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="d-flex justify-content-between mt-4">
                                        @auth
                                            <a href="{{ isset($data) ? route('merchant.application', ['application_number' => $data->application_number]) : route('merchant.application') }}"
                                                class="btn btn-secondary btn-lg w-md">
                                                <i class="fas fa-arrow-left"></i> <span>Previous</span>
                                            </a>
                                        @endauth
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('page_script')
    <script src="{{ asset('assets/js/merchant/business-location.js') }}"></script>
    <script
        src="https://maps.googleapis.com/maps/api/js?key={{ \Config::get('settings.google_map_key') }}&libraries=places">
    </script>
@endpush