@php
    use function Modules\Core\Settings\Helpers\setting;
@endphp

@section('title', setting('site.title') . ' | Panel | ' . auth()->user()->name)

@push('after-css')
    @filamentStyles
    <link rel="preload" href="{{ Vite::asset('resources/css/filament.css', 'build/filament') }}" as="style"
        onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
        <link rel="stylesheet" href="{{ Vite::asset('resources/css/filament.css', 'build/filament') }}">
    </noscript>
    <style>
        .filepond--action-remove-item {
            background-color: red !important;
        }
    </style>
@endpush

@push('scripts')
    @filamentScripts
@endpush

<x-customers::panel>

    <x-customers::panel.content>

        <div class="col-span-3">
            <div class="bg-white py-4 md:px-10">
                <h2 class="text-black text-lg font-semibold">
                    Direcciones
                </h2>
            </div>

            {{ $this->table }}

            <x-filament::modal id="create-address" width="2xl">
                <x-slot name="heading">
                    Nueva Dirección
                </x-slot>

                {{ $this->form }}

                <x-slot name="footerActions">
                    <x-form.button wire:click="save"
                        class="mt-5 py-2 w-full font-medium bg-primario text-white rounded-xl">
                        Guardar
                    </x-form.button>
                </x-slot>


            </x-filament::modal>


        </div>


        <x-filament-actions::modals />



    </x-customers::panel.content>

</x-customers::panel>