@extends('layouts.theme')
@section('title','E-Auction List')
@section('style')
    <!-- DataTables -->
    <link href="{{url('libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{url('libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
    <!-- Responsive datatable examples -->
    <link href="{{url('libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />

    <link href="{{url('libs/sweetalert2/sweetalert2.min.css')}}" rel="stylesheet">
    
    <link href="{{url('libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}" rel="stylesheet">
    <link href="{{url('libs/datetimepicker/css/bootstrap-datetimepicker.min.css')}}"  rel="stylesheet" type="text/css" />
@endsection
@section('content')
    <style>
        .datepicker, .bootstrap-datetimepicker-widget{
            z-index: 99999 !important; 
        } 
    </style>
    <div class="page-content">
        <div class="container-fluid">
            <!-- start page title -->
            <div class="loading_div"  id="loading" style="display: none">
                <div class="spinner-grow text-secondary  loading" role="status" ></div>
            </div>
            <div class="card  w-100">
                <div class="card-body">
                    @include('alertsInfo')
                    <div class="row">
                        <div class="col-md-12"> 
                                    <div class="row d-flex">
                                        <div class="col-lg-12  "> 
                                            <h5 class="card-title text-center">UPLOAD DOCUMENTS</h5>
                                            <div class="align-center d-print-none"> 
                                                <div class="container mt-3">
                                                    <form action="{{url('uploadDocuments')}}" method="POST" class="custom-validation" enctype="multipart/form-data">
                                                        @csrf                                                      
                                                         <div class="custom-file mb-3">
                                                        <input type="file" class="custom-file-input" id="customFile" name="file_name">
                                                        <label class="custom-file-label" for="customFile">Upload Documents</label>
                                                      </div>
                                                      
                                                      {{-- <p>Default file:</p>
                                                      <input type="file" id="myFile" name="filename2"> --}}
                                                    
                                                      <div class="mt-3">
                                                        <button type="submit" class="btn btn-primary">Submit</button>
                                                      </div>
                                                    </form>
                                                  </div>
                                            
                                        </div>
                                    </div>
                                    <br>

                                    {{-- <div class="table-responsive">
                                        <table id="datatable-buttons" class="table table-striped table-bordered w-100 user_table">
                                            <thead>
                                            <tr>
                                                <th>Sr. #</th>
                                                <th>Auction No</th>
                                                <th>Title</th>
                                                <th>Start Date</th>
                                                <th>End Date</th> 
                                                <th>Status</th> 
                                                   
                                                <th> Print</th>
                                                   
                                                <th> Action </th>
                                            </tr>
                                            </thead>
                                                                                        

                                        </table>
                                    </div> --}}
                                {{-- </div> --}}
                            {{-- </div> --}}
                        </div> <!-- end col -->
                    </div> <!-- end row -->



                </div>
            </div>
             
            
        </div>
    </div>
    @include('admin/e-auction/open-modal')
@endsection
@section('script')
    <!-- Required datatable js -->
    <script src="{{url('libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{url('libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
    <!-- Buttons examples -->
    <script src="{{url('libs/datatables.net-buttons/js/dataTables.buttons.min.js')}}"></script>
    <script src="{{url('libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js')}}"></script>
    <script src="{{url('libs/jszip/jszip.min.js')}}"></script>
    <script src="{{url('libs/pdfmake/build/pdfmake.min.js')}}"></script>
    <script src="{{url('libs/pdfmake/build/vfs_fonts.js')}}"></script>
    <script src="{{url('libs/datatables.net-buttons/js/buttons.html5.min.js')}}"></script>
    <script src="{{url('libs/datatables.net-buttons/js/buttons.print.min.js')}}"></script>
    <script src="{{url('libs/datatables.net-buttons/js/buttons.colVis.min.js')}}"></script>
    <!-- Responsive examples -->
    <script src="{{url('libs/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{url('libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>

    <!-- Datatable init js -->
    <script src="{{url('js/pages/datatables.init.js')}}"></script>

    <script src="{{url('libs/sweetalert2/sweetalert2.min.js')}}"></script> 
    
    <script src="{{url('libs/moment/min/moment.min.js')}}"></script>
    <script src="{{url('libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
    <script src="{{url('libs/datetimepicker/js/bootstrap-datetimepicker.min.js')}}"></script> 
    <script src="{{url('js/custom/auction.js')}}"></script>
 
@endsection