@extends('layouts.dashboard')
@section('css')
    <link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
    <link href="{{ asset('css/cargando.css') }}" rel="stylesheet">
    <link href="{{ asset('css/dashboard/demo.css') }}" rel="stylesheet">
@endsection

@section('js')
    <script src="{{ asset('js/dashboard/custom-file-input.js') }}" defer></script>
    <script src="{{ asset('js/dashboard/input_file.js') }}" defer></script>
    <script src="{{ asset('js/receptores/_actions.js') }}"></script>
@endsection

@section('content')
    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-12">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('receptores.index') }}">Clientes</a></li>
                            <li class="active breadcrumb-item" aria-current="page">Importación de catálogo</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <form action="{{ url('/importar/excel') }}" method="POST" enctype="multipart/form-data" autocomplete="off">
        @csrf
        <div class="animated fadeIn" style="font-size: 14px;">
            <!-- Widgets  -->
            @if ($errors->any())
                <div class="alert alert-danger alert-dismissable col-4"
                    style="text-align: center;margin: auto;margin-bottom: 1rem;">
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>
                                <strong>{{ $error }}</strong>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="row d-flex justify-content-center">
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="card-tab" id="card-registro" style="background-color:rgba(0,0,0,.04)"
                            onclick="receptores.Registro(this)">
                            <a style="cursor: pointer;">
                                <div class="stat-widget-five">
                                    <div class="stat-icon dib flat-color-1">
                                        <i class="pe-7s-user"></i>
                                    </div>
                                    <div class="stat-content">
                                        <div class="text-left dib">
                                            <div class="stat-text" style="line-height: 50px;"><span>Generales</span></div>
                                            <!-- <div class="stat-heading">Generales</div>-->
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row" id="mod-datos-fiscales">
                <div class="col-lg-6">
                    <div class="card" style="height: 94%;">
                        <div class="card-header">Información fiscal y de contacto</div>
                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="file-input" class="form-control-label">Certificado del
                                        sello
                                        (.cer) <span class="color-red ">*</span> </label></div>
                                <div class="col-12 col-md-8">
                                    <input type="file" name="documento" id="file_cer"
                                        class="inputfile empty inputfile-6" accept="">
                                    <label for="file_cer" style="width: 100%;border-radius: 6px;">
                                        <span id="name_file_cer"></span>
                                        <strong style="font-weight: initial;">
                                            <div id="lbl_load_cer">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17"
                                                    viewBox="0 0 20 17">
                                                    <path
                                                        d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" />
                                                </svg>

                                                Cargar archivo&hellip;
                                            </div>
                                        </strong>
                                    </label>
                                </div>
                                <div id="clear-input-cer" class="color-red d-none d-md-block col-md-1"
                                    style="font-size: 22px;margin-top: 7px;margin-left: -23px;" data-toggle="tooltip"
                                    data-placement="bottom" title="Eliminar archivo">
                                    <i class="metismenu-icon pe-7s-close-circle" style="font-size: 22px;"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>



            <button type="button" id="btn_plantillas_show" data-toggle="modal" data-target="#detalle-plantilla"
                style="display: none;"></button>
            <div class="col-auto mx-auto d-flex justify-content-center">
                <div class="col-lg-2 col-sm-4 d-flex justify-content-center">
                    <button id="payment-button" type="submit" class="btn btn-lg buttom_agregar"
                        onclick="">
                        <span>Registrar</span>
                    </button>

                </div>
                <div class="col-lg-2 col-sm-4 d-flex justify-content-center">
                    <button id="cancel-button" type="button" class="btn btn-lg buttom_white"
                        onclick="window.location='{{ route('receptores.index') }}'">
                        <span>Cancelar</span>
                    </button>
                </div>
            </div>

        </div>
    </form>

@endsection