@extends('admin.'.config('app.admin_template').'.layout.master')
@section('title')
    {{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
    @include('admin.'.config('app.admin_template').'.layout.breadcrumb_add')
@stop
@section('page-content')
    <!-- Dashboard Section Overview -->
    <div class="dashboard__section__overview d-md-flex justify-content-between pt-4">
        <div class="dashboard__section-tile">
            <h3>{{ $current_route->{'name_' . trans('admin.lang')} }}</h3>
        </div>
    </div>

    <div class="customers__management pt-4">
        <div class="customers__management__item__information">
            <div class="customer__management__item__content">
                <h6>@lang('admin.invoice_information')</h6>
                <p>
                    @if(__('admin.lang')=='ar')
                        الحقول باللون البنفسجي مطلوبة للربط مع زاتكا في حالة الفواتير الضريبية.
                    @else
                        The fields highlighted in purple are mandatory for ZATCA integration in the case of tax
                        invoices.
                    @endif
                </p>
            </div>
            <form role="form" method="post" action="" id="addform">
                @include('admin.'.config('app.admin_template').'.layout.error')
                @include('admin.'.config('app.admin_template').'.customers.parts.form')
                <div class="d-flex gap-3 justify-content-end pt-4">
                    <div class="dashboard__btn-outline">
                        <a href="{{ route('customers.view') }}">@Lang('admin.cancel')</a>
                    </div>
                    <div class="dashboard__btn-fill">
                        <button type="submit" id="myButton">@Lang('admin.save')</button>
                    </div>
                </div>
                {{ csrf_field() }}
            </form>
        </div>
    </div>
@stop
@section('js')
    <script src="{{ asset('assets/js/jquery.repeater.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#myButton').on('click', function (e) {
                e.preventDefault();
                Swal.fire({
                    title: '@lang("admin.add-customer-confirmation")',
                    text: '@lang("admin.add-customer-confirmation-body")',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '@lang("admin.yes")',
                    cancelButtonText: '@lang("admin.no")'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $('#addform').submit();
                    }
                });
            });
            $('.repeater').repeater({
                show: function () {
                    $(this).slideDown();
                },
                hide: function (deleteElement) {
                    var ts = $(this);
                    Swal.fire({
                        title: "