@extends('layouts.app')
@section('css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<link rel="stylesheet" href="{{ asset('css/select2-bootstrap-5-theme.min.css') }}" />
<style>
    div:where(.swal2-container) {
        z-index: 1091 !important;
    }

    tbody {
        font-size: 12px;
    }
</style>
@endsection
@section('content')
<div class="card">
    <div class="card-header mb-3 " style="padding:0">
        <div class="alert alert-secondary mb-0 py-2" role="alert" style="border-radius: 0"><b>CONFIGURACION DE FIRMAS DEL PDF DEL VALE</b></div>
    </div>
    <div class="card-body">
    <div class="row">
            <div class="col-md-4 mb-3">
                <input type="text" id="responsable_campo_01" class="form-control" placeholder="NOMBRE DEL RESPONSABLE 01"  />
            </div>
            <div class="col-md-4 mb-3">
                <input type="text" id="responsable_campo_02" class="form-control" placeholder="NOMBRE DEL RESPONSABLE 02"   />
            </div>
            <div class="col-md-4 mb-3">
                <input type="text" id="responsable_campo_03" class="form-control" placeholder="NOMBRE DEL RESPONSABLE 03"   />
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 mb-3">
                <input type="text" id="campo_01" class="form-control" placeholder="CARGO 01"  />
            </div>
            <div class="col-md-4 mb-3">
                <input type="text" id="campo_02" class="form-control" placeholder="CARGO 02"  />
            </div>
            <div class="col-md-4 mb-3">
                <input type="text" id="campo_03" class="form-control" placeholder="CARGO 03"  />
            </div>
        </div>

    </div>

</div>
<div class="card ">
    <div class="card-header mb-3 " style="padding:0">
        <div class="alert alert-secondary mb-0 py-2" role="alert" style="border-radius: 0"><b>CANTIDAD DE FORMATOS DEL VALE</b></div>
    </div>
    <div class="card-body">
        <form>
            <div class="row mb-3">

                <div class="col-lg-6 row">
                    <label class="col-sm-4 col-form-label" for="nombre_proveedor">CANTIDAD FORMATOS</label>
                    <div class="col-sm-8">
                    <input type="number" id="cantidad_formatos" class="form-control" placeholder="CANTIDAD"  />
                    </div>
                </div>
                <div class="col-lg-6 row">
                    <label class="col-sm-4 col-form-label" for="nombre_proveedor">STOCK MINIMO</label>
                    <div class="col-sm-8">
                    <input type="number" id="stock_minimo" class="form-control" placeholder="STOCK MINIMO"  />
                    </div>
                </div>



            </div>



        </form>




    </div>
</div>
<div class="row justify-content-end mt-4">
    <div class="col-md-12 text-center">
        <button id="editar" type="button" class="btn btn-primary"
            @cannot('Editar Ajustes') disabled @endcannot>Guardar cambios</button>
    </div>
</div>
@endsection
@section('js')
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="{{ asset('js/ajustes.js') }}"></script>
<script>
    $('#contrato').select2({
        dropdownParent: '',
        theme: "bootstrap-5",
        width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
        placeholder: $(this).data('placeholder'),
        placeholder: 'Cargando...',
        language: {
            noResults: function() {
                return 'No se encontraron resultados';
            }
        }
    });
    $('#tipo').select2({
        dropdownParent: '#modal_registar',
        theme: "bootstrap-5",
        width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
        placeholder: $(this).data('placeholder'),
        placeholder: 'Seleccionar',
        language: {
            noResults: function() {
                return 'No se encontraron resultados';
            }
        }
    });
    $('#estado_edit').select2({
        dropdownParent: '#modal_editar',
        theme: "bootstrap-5",
        width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
    });
    $('#tipo_edit').select2({
        dropdownParent: '#modal_editar',
        theme: "bootstrap-5",
        width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
    });
    $('#estado_edit').select2({
        dropdownParent: '#modal_editar',
        theme: "bootstrap-5",
        width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
    });
</script>
@endsection