@extends('layout.main') @section('content')
{{-- Configuración → Métodos de envío. El POS y Reservas solo eligen de esta lista. --}}
<style>
    .ship-card { border: 1px solid var(--border, #e5e7eb); border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; background: var(--surface, #fff); }
    .ship-card.off { opacity: .6; }
    .ship-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
    .ship-head h5 { margin: 0; font-weight: 700; }
    .ship-type { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 3px 8px; border-radius: 999px; background: var(--brand-soft, #eef2ff); color: var(--brand-ink, #3730a3); }
    .ship-rates td, .ship-rates th { vertical-align: middle; }
    .ship-rates input.form-control { height: 32px; padding: 4px 8px; }
</style>
<section class="forms">
    <div class="container-fluid">
        <div class="card">
            <div class="card-header"><h4>Métodos de envío</h4></div>
            <div class="card-body">
                <p class="text-muted">Aquí se administran los métodos de envío. En el <strong>POS</strong> y en <strong>Reservas</strong> solo se eligen:
                    para una empresa de envío se elige la ciudad y el costo aparece solo.</p>

                @if($can_edit)
                <div class="ship-card">
                    <h5 class="mb-2"><i class="fa fa-plus"></i> Nuevo método</h5>
                    {!! Form::open(['route' => 'shipping.store', 'method' => 'post', 'class' => 'row align-items-end']) !!}
                        <div class="col-md-4 form-group mb-2"><label><strong>Nombre</strong> *</label>
                            <input type="text" name="name" value="{{ old('name') }}" maxlength="100" required class="form-control" placeholder="Ej. Servientrega, Retiro en locales"></div>
                        <div class="col-md-4 form-group mb-2"><label><strong>Tipo</strong></label>
                            <select name="type" class="form-control" id="new-type">
                                @foreach(\App\ShippingMethod::TYPES as $k => $label)<option value="{{ $k }}" @if(old('type', 'courier') == $k) selected @endif>{{ $label }}</option>@endforeach
                            </select></div>
                        <div class="col-md-2 form-group mb-2" id="new-cost"><label><strong>Costo</strong> <small>(courier: base)</small></label>
                            <input type="number" name="cost" value="{{ old('cost', 0) }}" min="0" step="0.01" class="form-control"></div>
                        <div class="col-md-2 form-group mb-2"><button class="btn btn-primary btn-block"><i class="fa fa-save"></i> Crear</button></div>
                    {!! Form::close() !!}
                    <small class="text-muted">Empresa de envío (courier): el costo es el <strong>costo base</strong> (se usa si no eliges ciudad). Si una ciudad cuesta distinto, agrégala abajo con su costo. En la venta y en la reserva el valor se puede cambiar.</small>
                </div>
                @endif

                @forelse($methods as $m)
                <div class="ship-card {{ $m->is_active ? '' : 'off' }}" id="metodo-{{ $m->id }}">
                    <div class="ship-head mb-2">
                        <h5><i class="fa fa-{{ $m->is_courier ? 'truck' : ($m->type == 'domicilio' ? 'home' : 'building') }}"></i> {{ $m->name }}</h5>
                        <span class="ship-type">{{ $m->type_label }}</span>
                        @if(!$m->is_active)<span class="badge badge-secondary">Desactivado</span>@endif
                        @if(!$m->is_courier)<span class="ml-auto text-muted">Costo: <strong>${{ number_format($m->cost, 2) }}</strong></span>
                        @else<span class="ml-auto text-muted">Costo base: <strong>${{ number_format($m->cost, 2) }}</strong> · {{ $m->rates->count() }} {{ $m->rates->count() == 1 ? 'ciudad' : 'ciudades' }}</span>@endif
                    </div>
                    @if($can_edit)
                    <details>
                        <summary class="text-primary" style="cursor:pointer">Modificar método</summary>
                        {!! Form::open(['route' => ['shipping.update', $m->id], 'method' => 'post', 'class' => 'row align-items-end mt-2']) !!}
                            <div class="col-md-4 form-group mb-2"><label>Nombre</label><input type="text" name="name" value="{{ $m->name }}" maxlength="100" required class="form-control"></div>
                            <div class="col-md-3 form-group mb-2"><label>Tipo</label>
                                <select name="type" class="form-control">@foreach(\App\ShippingMethod::TYPES as $k => $label)<option value="{{ $k }}" @if($m->type == $k) selected @endif>{{ $label }}</option>@endforeach</select></div>
                            <div class="col-md-2 form-group mb-2"><label>{{ $m->is_courier ? 'Costo base' : 'Costo fijo' }}</label><input type="number" name="cost" value="{{ $m->cost }}" min="0" step="0.01" class="form-control"></div>
                            <div class="col-md-1 form-group mb-2"><label class="d-block">Activo</label><input type="checkbox" name="is_active" value="1" @if($m->is_active) checked @endif></div>
                            <div class="col-md-2 form-group mb-2"><button class="btn btn-outline-primary btn-block">Guardar</button></div>
                        {!! Form::close() !!}
                    </details>
                    @endif

                    @if($m->is_courier)
                    <div class="table-responsive mt-2">
                        <table class="table table-sm ship-rates mb-1">
                            <thead><tr><th>Ciudad</th><th class="text-right" style="width:160px">Costo de envío</th>@if($can_edit)<th style="width:90px">Activa</th><th style="width:190px"></th>@endif</tr></thead>
                            <tbody>
                                @foreach($m->rates as $r)
                                <tr>
                                    @if($can_edit)
                                    {!! Form::open(['route' => ['shipping.rates.update', $r->id], 'method' => 'post', 'id' => 'rate-' . $r->id]) !!}{!! Form::close() !!}
                                    <td><input form="rate-{{ $r->id }}" type="text" name="city" value="{{ $r->city }}" maxlength="100" required class="form-control"></td>
                                    <td><input form="rate-{{ $r->id }}" type="number" name="cost" value="{{ $r->cost }}" min="0" step="0.01" required class="form-control text-right"></td>
                                    <td class="text-center"><input form="rate-{{ $r->id }}" type="checkbox" name="is_active" value="1" @if($r->is_active) checked @endif></td>
                                    <td class="nw"><button form="rate-{{ $r->id }}" class="btn btn-sm btn-outline-primary">Guardar</button>
                                        <button form="rate-{{ $r->id }}" name="accion" value="quitar" class="btn btn-sm btn-outline-danger" onclick="return confirm('¿Quitar {{ $r->city }} de {{ $m->name }}?')">Quitar</button></td>
                                    @else
                                    <td>{{ $r->city }}</td><td class="text-right">${{ number_format($r->cost, 2) }}</td>
                                    @endif
                                </tr>
                                @endforeach
                                @if($can_edit)
                                <tr>
                                    {!! Form::open(['route' => ['shipping.rates.store', $m->id], 'method' => 'post', 'id' => 'new-rate-' . $m->id]) !!}{!! Form::close() !!}
                                    <td><input form="new-rate-{{ $m->id }}" type="text" name="city" maxlength="100" required class="form-control" placeholder="Nueva ciudad (ej. Quito)"></td>
                                    <td><input form="new-rate-{{ $m->id }}" type="number" name="cost" min="0" step="0.01" required class="form-control text-right" placeholder="0.00"></td>
                                    <td></td>
                                    <td><button form="new-rate-{{ $m->id }}" class="btn btn-sm btn-primary"><i class="fa fa-plus"></i> Agregar ciudad</button></td>
                                </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                    @endif
                </div>
                @empty
                <div class="alert alert-info">Todavía no hay métodos de envío. Crea el primero arriba.</div>
                @endforelse
            </div>
        </div>
    </div>
</section>
<script>

</script>
@endsection