@extends('companyuser::layouts.master')

@section('title', __('purchases::suppliers.Create Supplier'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/custom-form.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/daterange/daterangepicker.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/pickadate/pickadate.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/plugins/pickers/daterange/daterange.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/frames.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/person-details.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-svgFont.css') }}">
<script src="{{ asset('js/app.js') }}" defer></script>
<style>
    .swal2-container.swal2-center{
        z-index: 99999999;
    }
</style>
@endsection
@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.suppliers.index', $subdomain)}}" class="redirect-item"> @lang('companyuser::sidebar.Purchases')</a></li>
            <li class="breadcrumb-item active"><a href="{{ route('company.suppliers.index', $subdomain)}}" class="redirect-item">@lang('companyuser::sidebar.Suppliers')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Create')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section>
    <form action="{{ route('company.suppliers.store', $subdomain) }}" method="POST" class="form" novalidate id="create-supplier-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" id="submit-button" style="font-size: inherit; border:none;background-color:transparent;" title="{{ __('Save')}}">
                        <span class="icon-Save action-icon"></span>
                    </button>
                </div>
                <div class="mb-1 pull-left">
                    <a class="text-green redirect-item" href="{{route('company.suppliers.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('superadmin::errors.lists') --}}
                <div class="card mb-0">
                    <div class="add-form-section filter-section-collapse">
                        <div class="card-block mt-2">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-xs-12 col-lg-7">
                                        {{-- supplier code --}}
                                        <div class="row mb-1">
                                            <div class="col-md-3">
                                                <label for="code">@lang('purchases::suppliers.Code') <span class="text-danger">*</span></label>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="code" id="code" value="{{ $suggested_code }}" class="w-100 h-45 form-control @if($errors->has('code')) is-invalid @endif" max="{5}" min="5" required>
                                                @error('code')
                                                    <span class="invalid-feedback" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                @enderror
                                            </div>

                                        </div>
                                        {{-- supplier name --}}
                                        <div class="row mb-1">
                                            <div class="col-md-3">
                                                <label for="name">@lang('purchases::suppliers.Supplier Name') <span class="text-danger">*</span></label>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="name" value="{{ old('name') }}" id="name" class="w-100 h-45 form-control @if($errors->has('name')) is-invalid @endif" required>
                                                @error('name')
                                                    <span class="invalid-feedback" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>

                                      
                                        {{-- supplier company --}}
                                        <!-- Account Receivable ID -->
                                        <div class="row mb-1">
                                            <div class="col-md-3">
                                                <label for="account_receivable_id">@lang('purchases::suppliers.Account')</label>
                                            </div>
                                            <div class="col-md-9">
                                                <select name="account_receivable_id" id="account_receivable_id" class="w-100 h-45 form-control select2-custom @if($errors->has('account_receivable_id')) is-invalid @endif">
                                                    @forelse($accounts_payable as $key => $account_payable)
                                                        <option @if(str_replace('?', '', request('account_id')) == $key) selected @endif value="{{ $key }}">{{ $account_payable }}</option>
                                                    @empty
                                                    @endforelse
                                                </select>
                                                @error('account_receivable_id')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>

                                        <!-- Create Account with Supplier -->
                                        <div class="row mb-1">
                                            
                                            <div class="col-md-6 offset-md-3 d-flex align-items-center">
                                                <input type="checkbox" name="create_account_with_supplier" id="create_account_with_supplier"  value="1" {{ ( old('create_account_with_supplier') ? 'checked' : '' ) }}>
                                                <label for="create_account_with_supplier" style="margin: 0px 5px;">@lang('purchases::suppliers.Create Account with Supplier')</label>
                                            </div>
                                        </div>

                                        {{-- phone number --}}
                                        <div class="row mb-1">
                                            <div class="col-md-3">
                                                <label for="mobile">@lang('purchases::suppliers.Phone')</label>
                                            </div>
                                            @if(Lang::locale() == 'ar')
                                            <div class="col-md-4">
                                                <input type="text" name="mobile" value="{{ old('mobile') }}" id="mobile" class="form-control h-45 @if($errors->has('mobile')) is-invalid @endif">
                                                @error('mobile')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-5">
                                                @include('superadmin::includes.selectCountry')
                                                @error('country_code')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                            @else
                                            <div class="col-md-5">
                                                @include('superadmin::includes.selectCountry')
                                                @error('country_code')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-4">
                                                <input type="text" name="mobile" id="mobile" class="form-control h-45 @if($errors->has('mobile')) is-invalid @endif">
                                                @error('mobile')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                            @endif
                                        </div>
                                        {{-- email --}}
                                        <div class="row mb-1">
                                            <div class="col-md-3">
                                                <label for="email">@lang('purchases::suppliers.Email')</label>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="email" id="email" value="{{ old('email') }}" class="w-100 h-45 form-control @if($errors->has('email')) is-invalid @endif">
                                                @error('email')
                                                    <span class="invalid-feedback" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        {{-- tax number --}}
                                        <div class="row mb-1">
                                            <div class="col-md-3">
                                                <label for="tax_number">@lang('purchases::suppliers.Tax Number')</label>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="tax_number" value="{{ old('tax_number') }}" id="tax_number" class="w-100 h-45 form-control @if($errors->has('tax_number')) is-invalid @endif">
                                                @error('tax_number')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>

                                        {{-- Opening Balance --}}
                                        <div class="row mb-1">
                                            <div class="col-md-3">
                                                <label for="opening_balance">@lang('purchases::suppliers.Opening Balance')</label>
                                            </div>
                                            <div class="col-md-4">
                                                <input type="number" name="opening_balance" id="opening_balance" class="w-100 form-control h-45 number @if($errors->has('opening_balance')) is-invalid @endif">
                                                @error('opening_balance')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="col-md-2" style="padding: 0.5rem">{!! __('settings::currencies.'.$currency) !!}</div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-lg-5 rounded">
                                        <div class="row" style="background-color: #f5f7fa;">
                                            <div class="col-xs-12 my-1">
                                                <h5>@lang('purchases::suppliers.Billing Address')</h5>
                                            </div>
                                            <div class="col-xs-12 mb-1">
                                                <input type="text" name="street" value="{{ old('street') }}" class="w-100 h-45 form-control" placeholder="@lang('purchases::suppliers.Street Name')">
                                                @error('street')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                            <div class="col-xs-12 mb-1">
                                                <input type="text" name="city" value="{{ old('city') }}" class="w-100 h-45 form-control" placeholder="@lang('purchases::suppliers.City')">
                                                @error('city')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                            <div class="col-xs-12 mb-1">
                                                <input type="text" name="country" value="{{ old('country') }}" class="w-100 h-45 form-control" placeholder="@lang('purchases::suppliers.Country')">
                                                @error('country')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                            <div class="col-xs-12 col-md-6 mb-1">
                                                <input type="text" name="postal_code" value="{{ old('postal_code') }}" class="w-100 h-45 form-control" placeholder="@lang('purchases::suppliers.Postal Code')">

                                                @error('postal_code')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-1">
                                    <div class="col-md-12">
                                        @if( $customFields->count() )
                                        <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                                            <div class="d-flex justify-content-between">
                                                <span>{{ __('purchases::purchase_bills.additional_fields') }} </span><i class="fa fa-angle-down"></i>
                                            </div>
                                        </button>
                                        <div class="collapse" id="collapseExample">
                                            <div class="card card-body mb-0">
                                                @foreach($customFields as $key=>$field)
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="{{$field->name_en}}">
                                                            {{ $field->{'name_'.app()->getLocale()} }}
                                                        </label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        @if($field['type']=='checkbox')
                                                        <input id="{{$field->name_en}}" type="checkbox" name="custom_fields[{{($key+1)}}][value]" @isset(old('custom_fields')[$key+1]['value']) checked @endisset>
                                                        @else
                                                        <input class="w-100 py-1 form-control @if($field->type=='date') singledate @endif" placeholder="{{ $field->{'name_'.app()->getLocale()} }}" name="custom_fields[{{($key+1)}}][value]" type="{{ ($field->type=='date')?'text':(($field->type=='check_box')?'checkbox':$field->type) }}" id="{{$field->name_en}}" value="{{old('custom_fields') ? old('custom_fields')[$key+1]['value'] : null}}">
                                                        @endif
                                                        <input type="hidden" value="{{$field->name_ar}}" name="custom_fields[{{ ($key+1) }}][name_ar]">
                                                        <input type="hidden" value="{{$field->name_en}}" name="custom_fields[{{ ($key+1) }}][name_en]">
                                                        <input type="hidden" value="{{$field->type}}" name="custom_fields[{{ ($key+1) }}][type]">
                                                        <input type="hidden" value="{{$field->module}}" name="custom_fields[{{ ($key+1) }}][module]">
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>

                                @can('settings.custom-fields.create')
                                <div>
                                    <a href="{{route('company.custom-fields.index', [$subdomain, 'ref' => 'linkOpt-tab2'])}}" class="redirect-item">
                                        <span class="icon-Add action-icon" style="font-size: 21px;"></span>
                                         @lang('settings::custom_fields.add_custom_fields')
                                    </a>
                                </div>
                                @endcan
                            </div>
                            @if(request('reference'))
                            <input name="reference" type="hidden" value="{{ request('reference') }}">
                            @endif
                        </div>
                        <input type="hidden" name="attachment_id" value="{{ request('attachment_id') }}">
                    </div>
                </div>
            </div>
        </div>
    </form>
    @include('sales::includes.redirect_popup')
</section>

@stop
@section('extra_scripts')
    <script>
        gtag('event', 'web_purchases_suppliers_create');
        console.log('web_purchases_suppliers_create event');
    </script>
<script src="{{ asset('assets/js/custom/redirectconfirmation.js') }}" defer></script>
<script>
    window.addEventListener('DOMContentLoaded', function() {

        $('#create-supplier-form').submit(function(e) {
            // Check if the "Create associate account" is checked
            if (!$('#create_account_with_supplier').prop('checked')) {
                e.preventDefault();
                Swal.fire({
                    title: '@lang("purchases::suppliers.popup_header")',
                    html: '@lang("purchases::suppliers.popup_message")',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: '@lang("purchases::suppliers.create_supplier")',
                    cancelButtonText: '@lang("purchases::suppliers.cancel")'
                }).then((result) => {
                    if (result.isConfirmed) {
                        this.submit();
                    }else{
                        $('#submit-button').prop('disabled', false);
                    }
                });
            }
        });

        const createAccountWithSupplierCheckbox = document.getElementById('create_account_with_supplier');
        $('#account_receivable_id').select2();
        
        //const accountReceivableSelector = document.getElementById('account_receivable_id');
        const accountReceivableSelector = $('#account_receivable_id'); // Use jQuery for Select2

        createAccountWithSupplierCheckbox.addEventListener('change', function () {
            if (createAccountWithSupplierCheckbox.checked) {
                accountReceivableSelector.val({{ \Modules\Accounting\Enums\AccountsEnum::ACCOUNTS_PAYABLE }}).trigger('change'); // Update value and refresh Select2
                accountReceivableSelector.prop('disabled', true); // Disable dropdown
            } else {
                accountReceivableSelector.prop('disabled', false); // Enable dropdown
            }
        });

        createAccountWithSupplierCheckbox.dispatchEvent(new Event('change'));
        

        (function($) {
            $("select.select2-custom").select2({
                allowClear: true,
                escapeMarkup: function(markup) {
                    return markup;
                },
                tags: false,
                language: {
                    noResults: function() {
                        return `
                        @can('accounting.chart-of-accounts.create')
                        <a href="{{ route('company.chart-of-accounts.create',
                                            ['subdomain' => $subdomain,'reference'=>'suppliers',
                                             'account_type' => \Modules\Accounting\Enums\AccountingSubCategoriesEnum::SHORT_TERM_LIABILITIES,
                                             'parent_id' => \Modules\Accounting\Enums\AccountsEnum::ACCOUNTS_PAYABLE]) }}"
                                    class="btn btn-sm btn-default redirect-item" style="padding: .25rem 0rem;">
                                    <span class="pull-left lh-30">{{ __('Add new account')}}</span>
                                    <i class="fa fa-plus-square-o  font-large-1" aria-hidden="true"></i>

                                 </a>
                                 @endcan
                                 `;
                    }
                },
            });
        })(jQuery);
    })
</script>
<script src="{{ asset('vendor/sweetalert/sweetalert.all.js') }}"></script>
<script src="{{ asset('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js') }}" defer></script>
<script src="{{ asset('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js') }}" defer></script>
<script src="{{ asset('assets/js/vendors/js/pickers/pickadate/picker.js') }}" defer></script>
<script src="{{ asset('assets/js/vendors/js/pickers/pickadate/picker.date.js') }}" defer></script>
<script src="{{ asset('assets/js/vendors/js/pickers/pickadate/picker.time.js') }}" defer></script>
<script src="{{ asset('assets/js/vendors/js/pickers/pickadate/legacy.js') }}" defer></script>
<script src="{{ asset('assets/js/vendors/js/pickers/daterange/daterangepicker.js') }}" defer></script>
<script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
<script src="{{ asset('assets/js/vendors/js/pickers/dateTime/picker-date-time.js') }}" defer></script>
<script src="{{ asset('js/validation/limit-digits-in-decimal-numbers.js') }}" defer></script>
@endsection