@section('title','Import Excel Export')
@include('layout.header')
@include('layout.sidebar')
<style>
    .error{
        color: red;
    }
</style>

<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
    <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
        <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">Import Excel Export</h1>
        <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
            <li class="breadcrumb-item text-muted">
            <a href="{{ url('/dashboard') }}" class="text-muted text-hover-primary">Dashboard</a>
            </li>
            <li class="breadcrumb-item">
                <span class="bullet bg-gray-500 w-5px h-2px"></span>
            </li>
            <li class="breadcrumb-item text-muted">Import Excel Export</li>
            
        </ul>
    </div>
</div>
<div id="kt_app_content" class="app-content flex-column-fluid">
    <div id="kt_app_content_container" class="app-container container-xxl">
        <div class="card mb-5 mb-xl-8">
            <div class="card-body py-3">
                    <form action="{{ route('excel-import-topicals')}}" method="POST" id="excel_import_topicals" enctype="multipart/form-data">
                        @csrf
                            <div class="mt-5">
                                <div class="row mt-6">
                                    <div class="col-md-6 mt-3">
                                        <label  for="user_name" class="form-label">Import Excel Recipes <span class="error"> * </span></label>
                                        <div class="form-group mb-5">
                                            <input type="file"  class="form-control " id="file" name="file" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-3">
                                        <label  for="user_email" class="form-label">Sample Download +</label>
                                        <div class="form-group mb-5">
                                            <a href="{{ route('excel-export')}}" class="btn btn-sm fw-bold btn-primary" >Sample Download + </a>
                                        </div>
                                    </div>
                                    
                                </div>
                                <div class="row">
                                    <div class="form-group mb-5 col-md-2">
                                        <button type="submit" class="form-control btn btn-primary">Submit</button>
                                    </div>
                                    <div class="form-group mb-5 col-md-2">
                                        <a  href="{{ url('/Topicals')}}"  class="form-control btn btn-secondary">Back</a>
                                    </div>
                                </div>
                            </div>
                    </form>
            </div>
        </div>
    </div>
</div>


@include('layout.footer')
<script>
  
    $("#excel_import_topicals").validate({
    debug: true,
    rules: {
        file: { required: true,},
    },
    messages: {
           
        file: {
            required: 'Excel files is Required.',
            },
    },
    errorPlacement: function (error, element) {
        error.insertAfter(element);
    },
    submitHandler: function(form) {
        $(".submit").attr("disabled", true);
        form.submit();
    }
});
</script>