@extends('metronic.base')
@section('title')
    Sucursales
@endsection
@section('content')
    @include('sessions')
    <div class="card shadow-sm mb-4">
        <div class="card-header">
            <h3 class="card-title">Información del Cliente</h3>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <label for="inputPassword4">Código</label>
                    <input type="text" class="form-control" id="inputEmail4" value="{{ $cliente->codigo }}" readonly>
                </div>
                <div class="col-md-8">
                    <label for="inputEmail4">Nombre</label>
                    <input type="text" class="form-control" id="inputEmail4" value="{{ $cliente->nombre_cliente }}"
                        readonly>
                </div>
            </div>
        </div>
    </div>
    <div class="card shadow-sm mb-4">
        <div class="card-header">
            <h3 class="card-title">Sucursales</h3>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('sucursal.store') }}" enctype="multipart/form-data">
                @csrf
                <div class="row mb-2">
                    <div class="col-md-6 mb-2">
                        <label for="inputPassword4">Nombre de la sucursal</label>
                        <input type="text" class="form-control" name='nombre' id="nombre" required>
                    </div>
                    <div class="col-md-6 mb-2">
                        <label for="inputEmail4">Encargado</label>
                        <input type="text" class="form-control" name='encargado' id="encargado">
                    </div>
                    <div class="col-md-6 mb-2">
                        <label for="inputPassword4">Dirección</label>
                        <input type="text" class="form-control" name='direccion' id="direccion" required>
                    </div>
                    <div class="col-md-6 mb-2">
                        <label for="inputEmail4">Teléfono</label>
                        <input type="text" class="form-control" name='telefono' id="telefono" required>
                    </div>
                </div>
                <div class="modal-footer d-flex justify-content-center">
                    <input type="hidden" name="cliente_id" value="{{ $cliente->id }}">
                    <button type="submit" class="btn btn-primary">
                        <i class='ki-outline ki-check-circle fs-2'></i>
                        Guardar
                    </button>
                </div>
            </form>
        </div>
    </div>
    <div class="card shadow-sm mb-4">
        <div class="card-header">
            <h3 class="card-title">Listado de sucursales del cliente</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-rounded table-striped border gy-7 gs-7">
                    <thead>
                        <tr class="fw-semibold fs-6 text-gray-800 border-bottom border-gray-200">
                            <th>Nombre</th>
                            <th>Encargado</th>
                            <th>Dirección</th>
                            <th>Teléfono</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (count($sucursales) > 0)
                            @foreach ($sucursales as $item)
                                <tr>
                                    <td>{{ $item->sucursal }}</td>
                                    <td>{{ $item->encargado }}</td>
                                    <td>{{ $item->direccion }}</td>
                                    <td>{{ $item->telefono }}</td>
                                    <td></td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="5" class="text-center">No se han agregado sucursales para el cliente
                                    seleccionado</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection