@extends('layouts.admin')
@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb  py-0">
            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
            <li class="breadcrumb-item active"><a href="{{ route('admin.customers.index') }}">Customers</a></li>
            <li class="breadcrumb-item active"><a href="#">Import Customers</a></li>

        </ol>
    </nav>
    <!-- Start Content-->
    <div class="container-fluid">

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">

                        <form action="{{ route('admin.import.customers.data') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row mb-5">
                               <div class="col-4">
                                <a href="{{ asset('template_customers.xlsx') }}"  type="submit" class="btn btn-success ml-5">
                                    <i   class="mdi mdi-file-download"></i>
                                    Download Template</a>
                               </div>
                            </div>
                            <div class="row">
                                <div class="col-10">
                                    <input type="file" name="file_xls" id="file" class="form-control p-2">
                                </div>
                                <div class="col-2">

                                    <button  style="font-size: 20px" type="submit" class="btn btn-primary w-100">

                                        Import</button>


                                </div>
                            </div>
                            <div class="row">
                                @error('file_xls')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </form>


                        <div class="responsive-table-plugin">

                            <div class="table-rep-plugin">
                                <div class="table-responsive" data-pattern="priority-columns">


                                </div> <!-- end .table-responsive -->

                            </div> <!-- end .table-rep-plugin-->
                        </div> <!-- end .responsive-table-plugin-->
                    </div>
                </div> <!-- end card -->
            </div> <!-- end col -->
        </div>
        <!-- end row -->
        <!-- send message for users -->
    </div> <!-- container -->
    <div class="modal fade" id="send-message-alert-modal" tabindex="-1" role="dialog"
    aria-labelledby="exampleModalLabel" aria-hidden="true">
</div>

@endsection
@section('script')
    <script src="{{ asset('assets/js/requests-user.js') }}"></script>

    <script>
        function CheckAll(className, elem) {
            var elements = document.getElementsByClassName(className);
            var l = elements.length;

            if (elem.checked) {
                for (var i = 0; i < l; i++) {
                    elements[i].checked = true;
                }
            } else {
                for (var i = 0; i < l; i++) {
                    elements[i].checked = false;
                }
            }
        }
    </script>


    <script type="text/javascript">
        $(function() {
            $("#btn_delete_all").click(function() {
                var selected = new Array();
                $("#datatable input[type=checkbox]:checked").each(function() {
                    selected.push(this.value);
                });

                if (selected.length > 0) {
                    $('#send_all').modal('show')
                    $('input[id="all_id"]').val(selected);
                }
            });
        });
    </script>


<script>
    $(document).ready(function () {
        $('.send-message-btn').click(function () {
            // Get the customer ID from the button's ID attribute
            var customerId = $(this).attr('id');

            // Update the value of the customer_id input field
            $('#customer_id_input').val(customerId);
        });
    });
</script>

@endsection