@extends('layouts.admin')

@section('content')
{{-- Agregar Casetas a la Ruta --}}
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h1 class="mb-0">Casetas de Ruta</h1>
            <small class="text-muted">
                {{ $ruta->nombre }}
            </small>
        </div>

        <a href="{{ route('catalogos.rutas.index') }}"
           class="btn btn-secondary">
            Regresar
        </a>

    </div>

    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <div class="card mb-3">

        <div class="card-header">
            Agregar Caseta
        </div>

        <div class="card-body">

            <form method="POST"
                  action="{{ route('catalogos.rutas.casetas.store', $ruta) }}">

                @csrf

                <div class="row">

                    <div class="col-md-5">

                        <div class="form-group">

                            <label>Caseta</label>

                            <select name="catalogo_caseta_id"
                                    class="form-control"
                                    required>

                                <option value="">
                                    Seleccione...
                                </option>

                                @foreach($casetas as $caseta)

                                    <option value="{{ $caseta->id }}">
                                        {{ $caseta->nombre }}
                                    </option>

                                @endforeach

                            </select>

                        </div>

                    </div>

                    <div class="col-md-2">

                        <div class="form-group">

                            <label>Orden</label>

                            <input type="number"
                                   name="orden"
                                   value="{{ $rutaCasetas->count() + 1 }}"
                                   class="form-control"
                                   required>

                        </div>

                    </div>

                    <div class="col-md-3">

                        <div class="form-group">

                            <label>Importe</label>

                            <input type="number"
                                   step="0.01"
                                   min="0"
                                   name="importe"
                                   class="form-control"
                                   required>

                        </div>

                    </div>

                    <div class="col-md-2">

                        <div class="form-group">

                            <label>&nbsp;</label>

                            <button type="submit"
                                    class="btn btn-primary btn-block">
                                Agregar
                            </button>

                        </div>

                    </div>

                </div>

            </form>

        </div>

    </div>

    <div class="card">

        <div class="card-header">
            Casetas de la Ruta
        </div>

        <div class="card-body table-responsive">

            <table class="table table-bordered table-striped">

                <thead>

                    <tr>

                        <th>Orden</th>

                        <th>Caseta</th>

                        <th class="text-right">
                            Importe
                        </th>

                        <th width="120">
                            Acciones
                        </th>

                    </tr>

                </thead>

                <tbody>

                    @php
                        $total = 0;
                    @endphp

                    @forelse($rutaCasetas as $item)

                        @php
                            $total += $item->importe;
                        @endphp

                        <tr>

                            <td>
                                {{ $item->orden }}
                            </td>

                            <td>
                                {{ $item->caseta->nombre }}
                            </td>

                            <td class="text-right">
                                ${{ number_format($item->importe, 2) }}
                            </td>

                            <td class="text-center">
                                <form method="POST"
                                    action="{{ route('catalogos.rutas.casetas.destroy', [$ruta, $item]) }}"
                                    class="d-inline">

                                    @csrf
                                    @method('DELETE')

                                    <button type="submit"
                                            class="btn btn-danger btn-xs"
                                            title="Eliminar"
                                            onclick="return confirm('¿Eliminar caseta?')">

                                        <i class="fas fa-trash"></i>
                                    </button>
                                </form>
                            </td>

                        </tr>

                    @empty

                        <tr>

                            <td colspan="4"
                                class="text-center">

                                Sin casetas registradas

                            </td>

                        </tr>

                    @endforelse

                </tbody>

                <tfoot>

                    <tr>

                        <th colspan="2"
                            class="text-right">

                            Total Casetas

                        </th>

                        <th class="text-right">

                            ${{ number_format($total, 2) }}

                        </th>

                        <th></th>

                    </tr>

                </tfoot>

            </table>

        </div>

    </div>

</div>

@endsection