@extends('admin.layouts.app')

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

@section('content')

    @component('components.toast') @endcomponent

    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0">Cotizaciones</h4>
                <div class="page-title-right">
                    {{-- No necesitamos botón crear para cotizaciones --}}
                </div>
            </div>
        </div>
    </div>

            <div class="card">
                <form action="" method="get">

                    <div class="card-header">

                        <div class="card-title">
                            <button type="button" onclick="window.location.href='{{ route("quotes.index")}}'" class="btn btn-default btn-sm">Restablecer</button>
                        </div>

                        <div class="card-tools">
                            <div class="input-group input-group" style="width: 250px;">
                                <input value="{{ Request::get('keyword') }}" type="text" name="keyword" class="form-control float-end" placeholder="Buscar">

                                <div class="input-group-append">
                                    <button type="submit" class="btn btn-default">
                                        <i class="ri-search-line"></i>
                                    </button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>

                <div class="card-body table-responsive p-0">
                    <table class="table table-hover text-nowrap">
                        <thead>
                            <tr>
                                <th width="60">ID</th>
                                <th>Cliente</th>
                                <th>Correo</th>
                                <th>Teléfono</th>
                                <th>Estado</th>
                                <th>Total</th>
                                <th>Fecha</th>
                                <th width="100">Acción</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($quotes->isNotEmpty())
                                @foreach ($quotes as $quote)
                                <tr>
                                    <td><a href="{{ route('quotes.detail', $quote->id) }}">#{{ $quote->id }}</a></td>
                                    <td>{{ $quote->name ?? $quote->first_name . ' ' . $quote->last_name }}</td>
                                    <td>{{ $quote->email }}</td>
                                    <td>{{ $quote->mobile }}</td>
                                    <td>
                                        @if ($quote->status == 'pending')
                                            <span class="badge bg-warning">Pendiente</span>
                                        @elseif ($quote->status == 'reviewed')
                                            <span class="badge bg-info">En Revisión</span>
                                        @elseif ($quote->status == 'quoted')
                                            <span class="badge bg-primary">Cotizada</span>
                                        @elseif ($quote->status == 'accepted')
                                            <span class="badge bg-success">Aceptada</span>
                                        @elseif ($quote->status == 'rejected')
                                            <span class="badge bg-danger">Rechazada</span>
                                        @elseif ($quote->status == 'expired')
                                            <span class="badge bg-secondary">Expirada</span>
                                        @endif
                                    </td>
                                    <td>${{ number_format($quote->grand_total, 2) }}</td>
                                    <td>{{ \Carbon\Carbon::parse($quote->created_at)->format('d M, Y') }}</td>
                                    <td>
                                        <a href="{{ route('quotes.detail', $quote->id) }}" class="text-primary w-4 h-4 me-1">
                                            <svg wire:loading.remove.delay="" wire:target="" class="filament-link-icon w-4 h-4 me-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
                                                <path fill-rule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"></path>
                                            </svg>
                                        </a>
                                        <a href="#" onclick="deleteQuote({{ $quote->id }})" class="text-danger w-4 h-4 me-1">
                                            <svg wire:loading.remove.delay="" wire:target="" class="filament-link-icon w-4 h-4 me-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                <path	 fill-rule="evenodd" d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9zM4 5a2 2 0 012-2h8a2 2 0 012 2v6a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 102 0v3a1 1 0 11-2 0V9zm4 0a1 1 0 10-2 0v3a1 1 0 102 0V9z" clip-rule="evenodd"></path>
                                            </svg>
                                        </a>
                                    </td>
                                </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="8">No se encontraron registros</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>

                <div class="card-footer clearfix">
                    {{ $quotes->links() }}
                </div>

            </div>
        <!-- /.card -->
    
@endsection

@push('js')

<script>
    function deleteQuote(id) {
        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-success',
                cancelButton: 'btn btn-danger'
            },
            buttonsStyling: false
        })

        swalWithBootstrapButtons.fire({
            title: '¿Estás seguro?',
            text: "¡Esta acción no se puede deshacer!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Sí, eliminar',
            cancelButtonText: 'No, cancelar',
            reverseButtons: true
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ url("/admin/quotes") }}/' + id,
                    type: 'delete',
                    data: {},
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function (response) {
                        if (response.status) {
                            swalWithBootstrapButtons.fire(
                                '¡Eliminada!',
                                response.message,
                                'success'
                            )
                            window.location.href = '{{ route("quotes.index") }}';
                        } else {
                            swalWithBootstrapButtons.fire(
                                'Error',
                                response.message,
                                'error'
                            )
                        }
                    }
                });
            }
        })
    }
</script>

@endpush