@extends('admin.layouts.index-template', [
    'pageTitle' => $pageTitle,
    'items' => $shippingZones,
    'collection' => $shippingZones,
    'icon' => 'map-pin',
    'module' => 'Zonas de Envío',
    'createRoute' => route('shipping-zones.create'),
    'indexRoute' => route('shipping-zones.index'),
    'searchPlaceholder' => 'Buscar por nombre o descripción...',
    'emptyIcon' => 'map-marker-alt',
    'emptyTitle' => 'No hay zonas de envío',
    'emptyMessage' => 'Crea tu primera zona de envío para gestionar las tarifas de envío.',
    'stats' => [
        'all' => [
            'label' => 'Total',
            'count' => $shippingZones->total(),
            'color' => 'primary',
            'icon' => 'map-pin'
        ],
        'active' => [
            'label' => 'Activas',
            'count' => \App\Models\ShippingZone::where('is_active', true)->count(),
            'color' => 'success',
            'icon' => 'checkbox-circle'
        ],
        'inactive' => [
            'label' => 'Inactivas',
            'count' => \App\Models\ShippingZone::where('is_active', false)->count(),
            'color' => 'secondary',
            'icon' => 'pause-circle'
        ],
        'fast_delivery' => [
            'label' => 'Envío Rápido',
            'count' => \App\Models\ShippingZone::where('delivery_days_max', '<=', 3)->count(),
            'color' => 'info',
            'icon' => 'ship'
        ],
        'slow_delivery' => [
            'label' => 'Envío Lento',
            'count' => \App\Models\ShippingZone::where('delivery_days_min', '>', 7)->count(),
            'color' => 'warning',
            'icon' => 'time'
        ],
        'no_rates' => [
            'label' => 'Sin Tarifas',
            'count' => \App\Models\ShippingZone::doesntHave('shippingRates')->count(),
            'color' => 'danger',
            'icon' => 'error-warning'
        ]
    ]
])

@push('css')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endpush

@section('filters')
<div class="col-md-3">
    <select name="status" class="form-select filter-select">
        <option value="">Todos los Estados</option>
        <option value="1" {{ request('status') === '1' ? 'selected' : '' }}>Activas</option>
        <option value="0" {{ request('status') === '0' ? 'selected' : '' }}>Inactivas</option>
    </select>
</div>
@endsection

@section('table_headers')
<th width="200">Zona</th>
<th>Descripción</th>
<th width="120">Días Entrega</th>
<th width="150">Tarifas</th>
<th width="100" class="text-center">Estado</th>
<th width="120" class="text-center">Acciones</th>
@endsection

@section('table_content')
@if($shippingZones->isNotEmpty())
    @foreach($shippingZones as $zone)
    <tr>
        <td>
            <strong>{{ $zone->name }}</strong>
            @if($zone->provinces)
                <br><small class="text-muted">
                    <i class="ri-map-pin-line-alt"></i>
                    {{ implode(', ', array_slice($zone->provinces, 0, 2)) }}
                    @if(count($zone->provinces) > 2)
                        <span class="badge badge-light">+{{ count($zone->provinces) - 2 }}</span>
                    @endif
                </small>
            @endif
        </td>
        <td>
            {{ $zone->description }}
            @if($zone->postal_codes)
                <br><small class="text-muted">
                    <i class="ri-mail-send-line"></i>
                    {{ implode(', ', array_slice($zone->postal_codes, 0, 3)) }}
                    @if(count($zone->postal_codes) > 3)
                        <span class="badge badge-light">+{{ count($zone->postal_codes) - 3 }}</span>
                    @endif
                </small>
            @endif
        </td>
        <td>
            @if($zone->delivery_days_min == $zone->delivery_days_max)
                <span class="badge bg-info">{{ $zone->delivery_days_min }} días</span>
            @else
                <span class="badge bg-info">{{ $zone->delivery_days_min }}-{{ $zone->delivery_days_max }} días</span>
            @endif
        </td>
        <td>
            @if($zone->shipping_rates_count > 0)
                <span class="badge bg-success">{{ $zone->shipping_rates_count }} tarifas</span>
                <br><a href="{{ route('shipping-zones.rates', $zone->id) }}" class="btn btn-xs btn-outline-primary mt-1">
                    <i class="ri-money-dollar-circle-line"></i> Ver Tarifas
                </a>
            @else
                <span class="badge bg-danger">Sin tarifas</span>
                <br><a href="{{ route('shipping-zones.rates', $zone->id) }}" class="btn btn-xs btn-outline-warning mt-1">
                    <i class="ri-add-line"></i> Agregar
                </a>
            @endif
        </td>
        <td class="text-center">
            @if($zone->is_active)
                <span class="badge bg-success">Activa</span>
            @else
                <span class="badge bg-secondary">Inactiva</span>
            @endif
        </td>
        <td class="text-center">
            <div class="d-flex gap-1 justify-content-center">
                <a href="{{ route('shipping-zones.rates', $zone->id) }}"
                   class="btn btn-sm btn-info"
                   title="Gestionar Tarifas">
                    <i class="ri-money-dollar-circle-line"></i>
                </a>
                <a href="{{ route('shipping-zones.edit', $zone->id) }}"
                   class="btn btn-sm btn-warning"
                   title="Editar">
                    <i class="ri-pencil-line"></i>
                </a>
                <button type="button"
                        class="btn btn-sm btn-danger"
                        onclick="deleteZone({{ $zone->id }})"
                        title="Eliminar">
                    <i class="ri-delete-bin-line"></i>
                </button>
            </div>
        </td>
    </tr>
    @endforeach
@else
    <tr>
        <td colspan="6" class="text-center py-4">
            <i class="ri-map-pin-line ri-3x text-muted mb-3"></i>
            <h5 class="text-muted">No hay zonas de envío configuradas</h5>
            <p class="text-muted">Comienza creando tu primera zona de envío</p>
            <a href="{{ route('shipping-zones.create') }}" class="btn btn-primary">
                <i class="ri-add-line"></i> Crear Zona de Envío
            </a>
        </td>
    </tr>
@endif
@endsection

@section('pagination')
{{ $shippingZones->appends(request()->query())->links() }}
@endsection

@section('customJs')
<script>
function deleteZone(id) {
    Swal.fire({
        title: '¿Estás seguro?',
        text: "Esta acción no se puede deshacer",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Sí, eliminar',
        cancelButtonText: 'Cancelar'
    }).then((result) => {
        if (result.isConfirmed) {
            var url = '{{ route("shipping-zones.delete", "ID") }}';
            var newUrl = url.replace("ID", id);

            $.ajax({
                url: newUrl,
                type: 'delete',
                headers: { 
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
                },
                success: function(response) {
                    if (response.status) {
                        Swal.fire({
                            title: '¡Eliminada!',
                            text: response.message,
                            icon: 'success',
                            timer: 2000,
                            showConfirmButton: false
                        }).then(() => {
                            window.location.reload();
                        });
                    } else {
                        Swal.fire('Error', response.message, 'error');
                    }
                },
                error: function() {
                    Swal.fire('Error', 'Ocurrió un error al eliminar la zona de envío', 'error');
                }
            });
        }
    });
}
</script>
@endsection