@extends('metronic.base')
@section('titulo')
    Clientes
@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 clientes usando Excel</li>
            </ol>
        </nav>
    </div> --}}
    {{-- <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active" aria-current="page">Importar clientes usando Excel</li>
        </ol>
    </nav> --}}

    {{-- <h5 class="alert alert-info"><b>Importante:</b> Para poder realizar un ingreso de clientes 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-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>Para poder realizar un ingreso de clientes 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. El campo <b>nombre cliente</b> es obligatorio, 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>
    <!--end::Alert-->
    @include('sessions')

    <a href="{{ asset('/Cliente/descargar-plantilla') }}" class="btn btn-success mb-5"><i class="ki-outline ki-file-down fs-2"></i> Descargar plantilla</a>
    <form action="{{ route('cliente.importarClientesExcelStore') }}" method="POST" enctype="multipart/form-data">
        @csrf
        {{-- <div class="custom-file mt-3">
            <input type="file" class="custom-file-input" name="import_file" id="import_file" accept=".xls, .xlsx"
                required>
            <label class="custom-file-label" for="validatedCustomFile">Seleccionar archivo (con extensión .xlxs)</label>
        </div> --}}
        <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