@extends('companyuser::layouts.master')
@section('title', __('Import'))
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('company.customers.index', $subdomain)}}">@lang('companyuser::sidebar.Sales')</a></li>
            <li class="breadcrumb-item active"><a href="{{ route('company.customers.index', $subdomain)}}">@lang('companyuser::sidebar.Customers')</a></li>
            <li class="breadcrumb-item active"><a href="#">{{__('Import')}}</a></li>
        </ol>
    </div>
</div>
@endsection

@section('extra-styles')
<link href="{{asset('assets/css/steps.css') }}" rel="stylesheet">
<link href="{{asset('assets/css/uploader.css') }}" rel="stylesheet">
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
<style>
    .rules li p {
        font-size: medium;
    }
    .rules li{
        list-style: circle;
    }
    .rules h3{
        color: #14c3a5;
    }
</style>
@endsection

@section('content')

<section>
    <form action="{{ route(($companyInfo->zatca_comply) ? 'company.customers.importZatca.store' : 'company.customers.import.store', $subdomain) }}" enctype="multipart/form-data" method="post" novalidate class="form">
        @csrf
    <div class="container-fluid">
        <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right">
                <button type="submit" class="text-green bg-trans" title="{{__('Add')}}">
                    <span class="icon-Add action-icon"></span>
                </button>
            </div>
            <div class="mb-1 pull-left">
                <a class="text-green" href="{{route('company.customers.index', $subdomain)}}" title="{{__('Back')}}">
                    @if(LaravelLocalization::getCurrentLocale() === 'en')
                        <span class="icon-Previous action-icon back-btnIcon"></span>
                    @else
                        <span class="icon-Next action-icon back-btnIcon"></span>
                    @endif
                </a>
            </div>
        </div>
        <div class="match-height">
            @include('companyuser::errors.all')
            <div class="card mb-5">
                <div class="add-form-section filter-section-collapse">
                    <div class="card-block">
                        <div class="form-body" style="height: 250px;">
                            <div class="row steps">
                                <div class="col-md-4 step_cont">
                                    <img src="{{ asset('assets/images/svg/download.svg') }}" alt="download" class="" width="150">
                                    <div class="text_cont">
                                        <span class="round_num mr-1 mb-1">1</span>
                                        <h4 class="main_txt">
                                            @php
                                                $FileInputDisabled = false;
                                            @endphp
                                            @if($companyInfo->zatca_comply)
                                                @php
                                                    $FileInputDisabled = true;
                                                    $settings = app(Modules\Settings\Repositories\GeneralSettingsRepository::class)->getLast();
                                                @endphp
                                                @if($settings)
                                                    @if($settings->invoice_type)
                                                        @php
                                                            $FileInputDisabled = false;
                                                        @endphp
                                                        <a href="{{route('company.customers.emptyZatca', ['subdomain' => $subdomain])}}">
                                                            {{__('Download the file')}}
                                                        </a>
                                                    @else
                                                        <a id="requireSettingsUpdate" href="#">{{__('Download the file')}}</a>
                                                    @endif
                                                @else
                                                    <a id="requireSettingsUpdate" href="#">{{__('Download the file')}}</a>
                                                @endif
                                            @else
                                                {{-- Not a Zatca customer --}}
                                                <a href="{{route('company.customers.empty', ['subdomain' => $subdomain])}}">
                                                    {{__('Download the file')}}
                                                </a>
                                            @endif
                                        </h4>
                                    </div>
                                    <span class="invalid-feedback text text-danger" id="requireSettingsUpdateNotice" role="alert"></span>
                                </div>
                                <div class="col-md-4 step_cont">
                                    <img src="{{ asset('assets/images/svg/edit.svg') }}" alt="download" class="" width="150">
                                    <div class="text_cont">
                                        <span class="round_num mr-1">2</span>
                                        <h4 class="main_txt">
                                            {{__('Fill it with your data')}}
                                        </h4>
                                    </div>
                                </div>
                                <div class="col-md-4 step_cont">
                                    <img src="{{ asset('assets/images/svg/upload.svg') }}" alt="download" class="" width="150">
                                    <div class="text_cont">
                                        <h4 class="main_txt">
                                            <span class="round_num mr-1">3</span>
                                            <!-- {{__('Upload the file')}} -->
                                            <span class="choose_txt" @if(!$FileInputDisabled) id="uploadButton" @endif style="cursor: pointer; color: #00b5b8;">{{__('Choose the file')}}</span>
                                        </h4>
                                    </div>
                                    <div class="col-sm-12 d-flex justify-content-center uploader">
                                        <div class="dummy_uploader">
                                            <div class="w-100  justify-content-center">
                                                <span class="col-md-12 uploader_txt" style="background-color: white"></span>
                                                <!-- <span class="choose_txt" id="uploadButton" style="cursor: pointer">{{__('Choose the file')}}</span> -->
                                            </div>
                                            <input type="file" name="sheet" id="uploadCustomer" class="cursor-pointer" title="">
                                            @error('sheet')
                                            <span class="invalid-feedback text text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class=" add-form-section filter-section-collapse">
                    <div class="card-block">
                        <div class="form-body" style="overflow: visible;">
                            <div class="row justify-content-left">
                                <div class="col-md-12 step_cont rules">
                                    <h3 class="main_txt">
                                        {{__('Description')}}
                                    </h3>
                                    <ul>
                                        @if($companyInfo->zatca_comply)
                                            <li><p>@lang('sales::customers.You must complete your general settings', ['subdomain' => $subdomain])</p></li>
                                        @endif
                                        <li><p>@lang('sales::customers.Each customer must contain the Name field')</p></li>
                                        @if($companyInfo->zatca_comply)
                                            <li><p>@lang('sales::customers.You add the customer type either simplified or tax')</p></li>
                                        @endif
                                        <li><p>@lang('sales::customers.Email should be valid and unique or empty, ex: example@example.com')</p></li>
                                        <li><p>@lang('sales::customers.Mobile should be valid and unique or empty')</p></li>
                                        <li><p>@lang('sales::customers.Mobile should contain the country code, ex: +966501234567')</p></li>
                                        <li><p>@lang('sales::customers.VAT number should be a valid number or empty')</p></li>
                                        <li><p>@lang('sales::customers.Opening balance should be number or 0.0')</p></li>
                                        <li><p>@lang('sales::customers.Custom fields must be at least 3 char or empty')</p></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
</section>
@stop
@section('extra_scripts')
    <script>
        gtag('event', 'web_sales_customers_import');
        console.log('web_sales_customers_import event');
    </script>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        $(document).ready(function() {
            $("#uploadCustomer").change(function(event) {
                readURLText(this);
            });
            @if(!$FileInputDisabled)
                document.getElementById('uploadButton').addEventListener('click', () => {
                    document.getElementById('uploadCustomer').click();
                });
            @endif

            $('#requireSettingsUpdate').click(function(e){
               e.preventDefault();
               $('#requireSettingsUpdateNotice').html('@lang('sales::customers.You must complete your general settings', ['subdomain' => $subdomain])');
            });
        });

        function readURLText(input) {
            if (input.files && input.files[0]) {
                var filename = $(input).val();
                filename = filename.substring(filename.lastIndexOf('\\') + 1);
                $(input).closest(".dummy_uploader").find('.uploader_txt').text(filename);
            }

        }
    });
</script>
@endsection