@extends('metronic.base')
@section('titulo')
    Proveedores
@endsection
@section('extracss')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
@endsection
@section('extrajs')
    <script src="//cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
    <script>
        $(document).ready(function() {

            //FUNCION PARA CAMBIAR EL PLACEHOLDER AL INPUT FILE DE EXAMENES DE SALUD y PROPEDEUTICOS
            $('.custom-file input').change(function(e) {
                var files = [];
                for (var i = 0; i < $(this)[0].files.length; i++) {
                    files.push($(this)[0].files[i].name);
                }
                $(this).next('.custom-file-label').html(files.join(', '));
            });
        });
    </script>
@endsection
@section('content')
    {{-- <div class="col-md-12 mb-3">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page">Importar proveedores usando Excel</li>
        </ol>
    </nav>
</div> --}}

    {{-- <h5 class="alert alert-info"><b>Importante:</b> Para poder realizar un ingreso de proveedores por medio de la importación
        vía Excel, descargue la plantilla proporcionada y llenela en base a lo que se le solicita y luego suba la plantilla
        correctamente llena en su respectivo apartado. <b>No modifique las cabeceras de la plantilla proporcionada</b></h5>. --}}
    <!--begin::Alert-->
    <div class="alert alert-dismissible bg-light-primary d-flex flex-column flex-sm-row p-5 mb-1">
        <!--begin::Icon-->
        <i class="ki-outline ki-notification-bing fs-2hx text-primary me-4 mb-5 mb-sm-0"></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>Para poder realizar un ingreso de matriz de componentes y sus detalles por medio de la importación
                vía Excel, descargue la plantilla proporcionada y llenela en base a lo que se le solicita y luego suba la
                plantilla
                correctamente llena en su respectivo apartado. Todos los campos son obligatorios, si no se ingresa ese campo
                en la plantilla ese registro no será almacenado. <b>No modifique las cabeceras de la plantilla
                    proporcionada</b></span>
            <!--end::Content-->
        </div>
    </div>
    {{-- @include('sessions') --}}
    @if (session()->has('advertencias'))
        <div class="mt-5">
            <div class="alert alert-dismissible bg-danger d-flex flex-column flex-sm-row p-5 mb-10">
                <i class="fas fa-check-circle fs-2hx text-light me-4 mb-5 mb-sm-0"><span class="path1"></span><span
                        class="path2"></span><span class="path3"></span></i>
                <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                    <ul>
                        @foreach (session('advertencias') as $advertencia)
                            <li class="mb-3 pb-3" style="color: white;">{{ $advertencia }}</li>
                        @endforeach
                    </ul>
                </div>
                <button type="button"
                    class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto"
                    data-bs-dismiss="alert">
                    <i class="ki-outline ki-cross-circle fs-2x text-danger mx-2"></i>
                </button>
            </div>
        </div>
    @endif

    @if (session()->has('error'))
        <div class="mt-5">
            <div class="alert alert-dismissible bg-danger d-flex flex-column flex-sm-row p-5 mb-10">
                <i class="fas fa-check-circle fs-2hx text-light me-4 mb-5 mb-sm-0"><span class="path1"></span><span
                        class="path2"></span><span class="path3"></span></i>
                <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                    <h4 class="mb-3 pb-3" style="color: white;">{{ session('error') }}</h4>
                </div>
                <button type="button"
                    class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto"
                    data-bs-dismiss="alert">
                    <i class="ki-outline ki-cross-circle fs-2x text-danger mx-2"></i>
                </button>
            </div>
        </div>
    @endif

    <a href="{{ asset('/produccion/matriz-componentes/descargar-plantilla') }}" class="btn btn-success mb-5"><i
            class="ki-outline ki-file-down fs-2"></i> Descargar plantilla</a>
    <form action="{{ route('produccion.importarRecetasExcelStore') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="input-group mb-2">
            <input type="file" class="form-control" name="import_file" id="import_file" accept=".xls, .xlsx" required>
        </div>
        <button class="btn btn-primary mt-2" type="submit"><i class='ki-outline ki-arrow-down fs-2'></i> Importar</button>
    </form>
@endsection