@extends('layout.app')
@section('content')
    <div class="container">
        <div class="card ">
            <div class="card-body ">
                <form action="{{ route('store-client-import-to-customer') }}" method="POST"
                    class="flex flex-wrap  border  rounded p-3" enctype="multipart/form-data" class="border-color:#9ca3af;">
                    @csrf

                    <div class="row" style="width: 60%; margin:auto !important;">
                        <div class="col-md-12 text-start">
                            <h4 class="">Customer Import From Excel</h4>
                            <hr>
                            <p style="font-size: 16px !important">1<sup>st</sup> Download The Excel File. Fillup the column
                                carefully. Where(
                                <span class="text-danger">*</span> )
                                Marked Column is Mandatory
                            </p>

                            <p class="mt-3" style="font-size: 16px !important; font-weight:400">Please do not delete first

                                row or header row.</p>
                        </div>
                        <div class="col-md-12 mb-2">
                            <a class="btn btn-success d-block" href="{{ route('clientImportSampleDownload') }}">Download
                                Customer
                                Import Sample Excel</a>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <input type="file" class="form-control" id="code" placeholder="Select Excle File"
                                    style="height: 43px;" name="clientFile" autocomplete="off" required>
                            </div>
                        </div>
                        <hr>

                        <div class="col-md-12">
                            <button class="btn form-control btn-primary " style="hight: 10px" type="submit"
                                id="submitButton">Submit
                            </button>
                        </div>
                    </div>

                </form>
            </div>
        </div>


        @can('client-due-import-to-customer')
        <div class="card mt-2">
            <div class="card-body ">
                <form action="{{ route('storeClientDueImportToCustomer') }}" method="POST"
                    class="flex flex-wrap  border  rounded p-3" enctype="multipart/form-data" class="border-color:#9ca3af;">
                    @csrf

                    <div class="row" style="width: 60%; margin:auto !important;">
                        <div class="col-md-12 text-start">
                            <h4 class="">Customer Due Import From Excel</h4>
                            <hr>
                            <p style="font-size: 16px !important">1<sup>st</sup> Download The Excel File. Fillup the column
                                carefully. Where(
                                <span class="text-danger">*</span> )
                                Marked Column is Mandatory
                            </p>

                            <p class="mt-3" style="font-size: 16px !important; font-weight:400">Please do not delete first

                                row or header row.</p>
                        </div>
                        <div class="col-md-12 mb-2">
                            <a class="btn btn-success d-block" href="{{ route('clientDueImportSampleDownload') }}">Download
                                Customer due
                                Import Sample Excel</a>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <input type="file" class="form-control" id="code" placeholder="Select Excle File"
                                    style="height: 43px;" name="clientDueFile" autocomplete="off" required>
                            </div>
                        </div>
                        <hr>

                        <div class="col-md-12">
                            <button class="btn form-control btn-primary " style="hight: 10px" type="submit"
                                id="submitButton">Submit
                            </button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
        @endcan


        <div class="mt-2 card">

        </div>
    </div>
@endsection
