{{--
 * 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
    $currentUrl = request()->url();
@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;">
                        {{-- Listing Defaults --}}
                        @if ($canAccess)
                            <div class="container-fluid p-0">
                                <div class="d-flex justify-content-between align-items-center mb-4">
                                    <h2 class="h4 mb-0 text-gray-800">Listing Defaults</h2>
                                </div>
                                <div class="row g-3">
                                    @forelse ($autofillData as $item)
                                        <div class="col-12 col-md-6">
                                            <div class="card shadow-sm h-100 border-start-primary position-relative">
                                                @php
                                                    $data = $item->payload;
                                                @endphp

                                                <div class="card-body d-flex flex-column">
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <h5 class="font-weight-bold text-dark p-0">{{ $item->name }}</h5>
                                                        <form action="{{ $currentUrl . '/' . $item->id }}" method="POST">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button class="btn btn-outline-danger btn-sm delete-template"
                                                                type="submit">
                                                                <i class="fas fa-trash"></i>
                                                            </button>
                                                        </form>
                                                    </div>
                                                    @if ($item->description)
                                                        <h6 class="p-0 small text-muted ">{{ $item->description }}</h6>
                                                    @endif

                                                    <hr class="border-0 bg-secondary my-2"
                                                        style="height: 1px; opacity: 0.2;">

                                                    <div class="small text-muted">
                                                        <div class="mb-2">
                                                            <i class="fas fa-map-marker-alt text-primary me-1"></i>
                                                            <strong>Location:</strong>
                                                            {{ $data['selected_city_name'] ?? 'N/A' }}
                                                        </div>
                                                        <div class="mb-2">
                                                            <strong>Sale Status:</strong>
                                                            {{ $data['saleStatus'] ?? 'N/A' }}
                                                        </div>

                                                        @if (isset($data['cf']))
                                                            @foreach ($data['cf'] as $key => $value)
                                                                <div class="mb-1">
                                                                    <strong>{{ $key }}:</strong>
                                                                    @if (is_array($value))
                                                                        {{ implode(', ', $value) }}
                                                                    @else
                                                                        {{ $value }}
                                                                    @endif
                                                                </div>
                                                            @endforeach
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @empty
                                        <!-- EMPTY STATE UI -->
                                        <div class="col-12">
                                            <div class="text-center py-5 my-3 bg-light rounded border border-light">
                                                <div class="mb-3">
                                                    <i class="fas fa-clipboard-list fa-3x text-gray-300"></i>
                                                </div>
                                                <h5 class="text-gray-600 font-weight-bold">No Listing Defaults Found</h5>
                                                <p class="text-muted mb-0 small">You haven't saved any default settings yet.
                                                </p>
                                            </div>
                                        </div>
                                    @endforelse
                                </div>
                            </div>
                        @else
                            <div class="text-center">
                                @if ($min_pkg_need)
                                    <p>
                                        This feature isn’t available on your current plan. Please upgrade to
                                        <strong>{{ $min_pkg_need }}</strong> to continue.
                                    </p>
                                    <a href="{{ url('pricing') }}" class="w-100 btn btn-primary">
                                        {{ 'Upgrade Now!' }}
                                    </a>
                                @else
                                    <strong class="p-0 m-0">
                                        This feature will be coming soon.
                                    </strong>
                                @endif
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('after_scripts')
    <script>
        $(document).on('click', '.delete-template', function(e) {
            e.preventDefault();

            let form = $(this).closest('form');

            Swal.fire({
                title: "Are you sure?",
                text: "This template will be deleted permanently.",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#d33",
                cancelButtonColor: "#6c757d",
                confirmButtonText: "Yes, delete it!",
            }).then((result) => {
                if (result.isConfirmed) {
                    form.submit();
                }
            });
        });
    </script>
@endsection