@section('title','Bulk Upload')
@include('layout.header')
@include('layout.sidebar')
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<style>
    .radio-container {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .radio-container label {
        margin-right: 10px;
    }

    .card .search{
        width: 80px;
    }
    #myTable1_filter  label,
    #myTable1_filter input[type=search] {
        display: none;
    }
</style>
<script src="{{ url('assets/custom/jquery.dataTables.min.js')}}"></script>

<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">Bulk Upload</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">Bulk Upload</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">
            <section class="main-sec">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="title-sec-wrapper">
                                <div class="title-sec-left">
                                    <div class="page-title-wrapper">
                                        <div class="daterange-title-wrapper">
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div id="docuement_loader" style="display: none;">
                            <img src="{{asset('loader/loading.gif')}}" alt="">
                        </div>
                        <div class="container mx-auto mt-4">
                    <form action="{{ route('bulk-excel-import-upload') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="flex">
                             <div class="col-md-6 mt-3">
                                <label  for="user_name" class="form-label">Import Excel Data <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>
                                <button type="submit" class="btn btn-danger">
                                    Upload
                                </button>
                            </div>
                            {{-- <div class="ml-5 mt-2">
                                <a href="{{ url('assets/excel_sample/sample_articles.xlsx') }}"
                                    class="btn btn-light btn-ppc-red">Download Sample File</a>
                            </div> --}}
                        </div>

                    </form>
                    <div class="pt-2">

                    </div>
                </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
@include('layout.footer')
<script src="{{ url('assets/custom/datatable.js')}}"></script>
<script src="{{ url('assets/custom/datatables.min.js')}}"></script>
<script>
   

   
</script>