@extends('metronic.base')
@section('extracss')
@endsection
@section('extrajs')
@endsection

@section('titulo')
@endsection

@section('content')
    {{-- <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Unidades</li>
          </ol>
    </nav> --}}
    @include('sessions')
    {{-- <h2 style="text-align: center">Unidades</h2> --}}
    <div class="card shadow-sm mb-4">
        <div class="card-body">
            <form action="{{ route('inventario.unidad.store') }}" method="post">
                @csrf
                <div class="row">
                    <div class="col-md-6 mt-2">
                        <label for="">Código</label>
                        <input type="text" class="form-control" required name="codigo">
                    </div>
                    <div class="col-md-6 mt-2">
                        <label for="">Unidad</label>
                        <input type="text" class="form-control" required name="unidad">
                    </div>
                    <div class="col-md-12 mt-2">
                        <button type="submit" class="btn btn-primary"><i class='ki-outline ki-check-circle fs-2'></i> Guardar</button>
                    </div>


                </div>

            </form>
        </div>
    </div>
    <div class="card shadow-sm">
        <div class="card-body">
            @if (count($unidades) > 0)
                <table class="table InitializeDataTable">
                    <thead class="thead-dark">
                        <tr>
                            <th scope="col" width="30">#</th>
                            <th scope="col">Código</th>
                            <th scope="col">Unidad</th>
                            <th scope="col" width="60">Eliminar</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($unidades as $key => $item)
                        <tr>
                            <td> {{ $key + 1 }} </td>
                            <td><b>{{ $item->codigo ?? '' }}</b></td>
                            <td>{{ $item->unidad }}</td>
                            <td>
                                <form method="post" action="{{ route('inventario.unidad.destroy', $item->id) }}">
                                    @method('delete')
                                    @csrf
                                    <button type="submit" class="btn"><i class="ki-outline ki-trash fs-2x text-danger"></i></button>
                                </form>
                            </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @else
                <div class="alert alert-danger">
                    <strong>¡Opps! Parece que no tienes ninguna unidad registrada.</strong>
                </div>
            @endif
        </div>
    </div>
@endsection