@extends('metronic.base')
@section('extracss')
@endsection
@section('extrajs')
@endsection
@section('titulo')
    Gestión de costos
@endsection
@section('content')
    @include('sessions')
    <div class="card shadow-sm mb-3">
        <div class="card-header">
            <h3 class="card-title">Agregar Tipos de costo</h3>
        </div>
        <div class="card-body">
            <form action="{{ Route('produccion.costReceiptStore') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="row mb-6">
                    <div class="form-group col-sm-6 mb-5">
                        {{-- <label for="exampleFormControlInput1" class="required form-label">Nombre</label> --}}
                        <input type="text" class="form-control form-control-solid" name="nombre" id="nombre"
                            placeholder="Ingrese el tipo de costo" required />
                    </div>
                    <div class="form-group col-sm-6 mb-5">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="1" id="es_requerido"
                                name="es_requerido" />
                            <label class="form-check-label" for="flexCheckDefault">
                                Es requerido
                            </label>
                        </div>
                    </div>
                </div>
                <div class="text-center">
                    <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">
        <div class="card-header">
            <h3 class="card-title">Listado de tipos de costos</h3>
        </div>
        <div class="card-body">
            @if (count($costos) > 0)
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr class="fw-bold fs-6 text-gray-800">
                                <th>Nombre</th>
                                <th>Es requerido</th>
                                <th>Creado</th>
                                <th>Acción</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($costos as $costo)
                                <tr>
                                    <td> {{ $costo->nombre }} </td>
                                    <td> {{ $costo->es_requerido == 1 ? 'Si' : 'No' }} </td>
                                    <td> {{ $costo->created_at->format('d-m-Y H:m:s') }} </td>
                                    <td>
                                        <form method="post"
                                            action="{{ route('produccion.costReceiptDelete', $costo->id) }}">
                                            @method('delete')
                                            @csrf
                                            <button type="submit" class="btn" title="Eliminar"><i
                                                    class="ki-outline ki-trash fs-2x text-danger">
                                                    
                                                </i>
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="alert alert-danger">
                    <strong>No se ha agregado ningún tipo costo.</strong>
                </div>
            @endif

        </div>
    </div>
@endsection
@section('extrajs')
@endsection