@extends('metronic.base')


@section('extracss')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection
@section('extrajs')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('select[name="bodega"').select2();
            document.querySelector('select[name="bodega"').parentElement.querySelector('span.select2-container')
                .style.width = "100%"
        });
    </script>
@endsection

@section('titulo')
    Tipo de ajustes
@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">Tipo de ajustes de inventario</li>
        </ol>
    </nav> --}}
    @include('sessions')
    {{-- <h3 style="text-align: center">Tipo de ajustes de inventario</h3> --}}

    {{-- <div class="alert alert-info" role="alert">
        Los tipos de ajuste pueden ser negativos o positivos, para este caso el signo positivo significa que el ajuste es de
        movimiento de entrada, es decir ingresa producto, y el signo negativo indica una salida, es decir un ajuste de
        salida
        para sacar producto.
    </div> --}}
    <div class="alert alert-dismissible bg-light-primary border border-primary d-flex flex-column flex-sm-row p-5 mb-4">
        <!--begin::Icon-->
        <i class="ki-duotone ki-notification-bing fs-2hx text-primary me-4 mb-5 mb-sm-0"><span class="path1"></span><span
                class="path2"></span><span class="path3"></span></i>
        <!--end::Icon-->

        <!--begin::Wrapper-->
        <div class="d-flex flex-column pe-0 pe-sm-10">
            <!--begin::Title-->
            <h4 class="fw-semibold">Importante</h4>
            <!--end::Title-->

            <!--begin::Content-->
            <span>Los tipos de ajuste pueden ser negativos o positivos, para este caso el signo positivo significa que el
                ajuste es de
                movimiento de entrada, es decir ingresa producto, y el signo negativo indica una salida, es decir un ajuste
                de
                salida
                para sacar producto.</span>
            <!--end::Content-->
        </div>
    </div>
    <div class="card shadow-sm mb-4">
        <div class="card-body">
            <form action="{{ route('inventario.tipo-ajuste.store') }}" method="post">
                @csrf
                <div class="row">
                    <div class="col-md-6 mt-2">
                        <label for="">Nombre del ajuste</label>
                        <input type="text" name="nombre" class="form-control">
                    </div>
                    <div class="col-md-3 mt-2">
                        <label for="">Signo</label></label>
                        <select name="signo" id="" class="form-select">
                            <option value="+" title="Movimiento de entrada">+</option>
                            <option value="-" title="Movimiento de salida">-</option>
                            <option value="+-" title="El ajuste es de tipo mixto: Entrada o salida">+-</option>
                        </select>
                    </div>
                    <div class="col-md-3 mt-2">
                        <label for="">Estado</label></label>
                        <select name="estado" id="" class="form-select">
                            <option value="1">Activo</option>
                            <option value="0">No activo</option>
                        </select>
                    </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($data) > 0)
                <table class="table InitializeDataTable">
                    <thead class="thead-dark">
                        <tr>
                            <th scope="col" width="30">#</th>
                            <th scope="col">Nombre ajuste</th>
                            <th>Signo</th>
                            <th>Estado</th>
                            <th width="60">Editar</th>
                            <th scope="col" width="60">Eliminar</i></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data as $key => $item)
                            <td> {{ $key + 1 }} </td>
                            <td>{{ $item->nombre }}</td>
                            <td>{{ $item->signo }}</td>
                            <td>
                                @if ($item->estado == true)
                                    ACTIVO
                                @else
                                    NO ACTIVO
                                @endif
                            </td>
                            <td>
                                <a href="{{ route('inventario.tipo-ajuste.edit', $item->id) }}" class="btn" title="Editar"><i
                                        class="ki-outline ki-pencil fs-2x text-dark"></i></a>
                            </td>
                            <td>
                                <form method="post" action="{{ route('inventario.tipo-ajuste.destroy', $item->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>
            @else
                <div class="alert alert-danger">
                    <strong>¡Opps! Parece que no tienes ningun tipo de ajuste registrado.</strong>
                </div>
            @endif
        </div>
    </div>
@endsection