@if(isset($location))
    {!! Form::open(['url' => action([\App\Http\Controllers\BusinessLocationController::class, 'update'], [$location->id]), 'method' => 'PUT', 'id' => 'business_location_add_form' ]) !!}
    @method('PUT')
@else
    {!! Form::open(['url' => action([\App\Http\Controllers\BusinessLocationController::class, 'store']), 'method' => 'post', 'id' => 'business_location_add_form' ,'class'=>'needs-validation' , 'novalidate'  ]) !!}
@endif


<div class="box-body">

    @include('layouts.partials.messages')

    <div class="row">

        <div class="col-md-12">
            @component('components.widget', ['title' => __('app.invoice_help'),'icon' => __('<i class="ti-envelope me-15"></i>')])

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">

                            {!! Form::label('name', __( 'app.business_location_name' ) . ':*',['class'=>'form-label']) !!}
                            {!! Form::text('name', $location->name ?? '', ['class' => 'form-control' ,'aria-invalid'=>true,'aria-invalid'=>true,'data-validation-required-message'=> __('app.business_location_name')." Is Required", 'placeholder' => __( 'app.business_location_name' ) ]); !!}
                            <div class="help-block" role="alert"></div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            {!! Form::label('location_id', __( 'app.business_location_id' ) . ':',['class'=>'form-label']) !!}
                            {!! Form::text('location_id', $location->location_id ?? '', ['class' => 'form-control', 'placeholder' => __( 'app.business_location_id' ) ]); !!}
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            {!! Form::label('email', __( 'app.email' ) . ':',['class'=>'form-label']) !!}
                            {!! Form::text('email', $location->email ?? '', ['class' => 'form-control', 'placeholder' => __( 'app.email' ) ]); !!}
                        </div>
                    </div>

                </div>

                <!-- ROW 1 ENDS -->

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">

                            {!! Form::label('mobile', __( 'app.mobile' ) . ':',['class'=>'form-label']) !!}
                            {!! Form::number('mobile', $location->mobile ?? '', ['class' => 'form-control', 'placeholder' => __( 'app.mobile') , 'maxlength'=>11,'aria-invalid'=>false,'data-validation-required-message'=> __('app.mobile')." Maximum Length is 11"]); !!}
                            <div class="help-block" role="alert"></div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">

                            {!! Form::label('alternate_number', __( 'app.alternate_number' ) . ':',['class'=>'form-label']) !!}
                            {!! Form::text('alternate_number', $location->alternate_number ?? '', ['class' => 'form-control', 'placeholder' => __( 'app.alternate_number')]); !!}
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            {!! Form::label('website', __( 'app.website' ) . ':',['class'=>'form-label']) !!}
                            {!! Form::text('website', $location->website ?? '', ['class' => 'form-control', 'placeholder' => __( 'app.website')]); !!}
                        </div>
                    </div>

                </div>

                            @endcomponent
        </div>

        <div class="col-md-12">
            @component('components.widget', ['title' => __('app.location_info'),'icon' => __('<i class="fa fa-location-arrow me-15"></i>')])


                <div class="row">

                    <div class="col-md-4">
                        <div class="form-group">

                            {!! Form::label('contact_person_name', __('app.contact_person_name') . ':',['class'=>'form-label']) !!}
                            @show_tooltip(__('app.contact_person_name'))
                            {!! Form::text('contact_person_name', $location->contact_person_name ?? '', ['class' => 'form-control', 'placeholder' => __( 'app.contact_person_name' ) ]); !!}
                        </div>
                    </div>


                    <div class="col-md-4">
                        <div class="form-group">
                            {!! Form::label('contact_number', __( 'app.contact_number' ) . ':',['class'=>'form-label']) !!}
                            {!! Form::number('contact_number', $location->contact_number ?? '', ['class' => 'form-control', 'placeholder' => __( 'app.contact_number' ) ,'maxlength'=>11,'aria-invalid'=>false,'data-validation-required-message'=> __('app.contact_number')." Maximum Length is 11" ]); !!}
                            <div class="help-block" role="alert"></div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            {!! Form::label('landmark', __( 'app.landmark' ) . ':',['class'=>'form-label']) !!}
                            {!! Form::text('landmark', $location->landmark ?? '', ['class' => 'form-control', 'placeholder' => __( 'app.landmark' ) ]); !!}
                        </div>
                    </div>


                    <!-- /.col -->
                </div>

                <div class="row">

                    <div class="col-md-3">
                        <div class="form-group">
                            {!! Form::label('country', __( 'app.country' ) . ':*',['class'=>'form-label']) !!}


                                                        <select required name="country" id="country" class="form-select">
                                <option value=""> @lang( 'app.please_select') </option>
                                @if(!empty($countries))
                                    @foreach($countries as $country)
                                        <option value="{{ $country->id }}"
                                                @if(!empty($location->country) && $country->name ==  $location->country) selected @endif>{{ $country->name }}</option>
                                    @endforeach
                                @endif
                            </select>


                            <div class="help-block" role="alert"></div>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            {!! Form::label('state', __( 'app.state' ) . ':*',['class'=>'form-label']) !!}
                            <select required name="state" id="state" class="form-select select2">
                                <option value="">@lang('app.please_select')</option>
                                @if(!empty($location->state))

                                    @foreach($states as $state)
                                        <option value="{{ $state->id }}"
                                                @if($state->name === $location->state) selected @endif >{{ $state->name }}</option>
                                    @endforeach

                                @endif
                            </select>

                            <div class="help-block" role="alert"></div>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            {!! Form::label('city', __( 'app.city' ) . ':*',['class'=>'form-label']) !!}

                            <select required name="city" id="city" class="form-select select2">
                                <option value="">@lang('app.please_select')</option>
                                @if(!empty($location->city))

                                    @foreach($cities as $city)
                                        <option value="{{ $city->id }}"
                                                @if($city->name === $location->city) selected @endif >{{ $city->name }}</option>
                                    @endforeach

                                @endif
                            </select>
                            <div class="help-block" role="alert"></div>
                        </div>
                    </div>


                    <div class="col-md-3">
                        <div class="form-group">
                            {!! Form::label('zip_code', __( 'app.zip_code' ) . ':',['class'=>'form-label']) !!}
                            {!! Form::text('zip_code', $location->zip_code ?? '', ['class' => 'form-control', 'placeholder' => __( 'app.zip_code'),'aria-invalid'=>true,'data-validation-required-message'=> __('app.zip_code')." Is Required" ]); !!}
                            <div class="help-block" role="alert"></div>
                        </div>
                    </div>

                </div>

                            @endcomponent
        </div>

        <div class="col-md-12">
            @component('components.widget', ['title' => __('app.other_location_info'),'icon' => __('<i class="fa fa-server me-15"></i>')])

                <div class="row">

                    <div class="col-md-6">
                        <div class="form-group">

                            {!! Form::label('selling_price_group_id', __('app.default_selling_price_group') . ':',['class'=>'form-label']) !!}
                            @show_tooltip(__('app.location_price_group_help'))
                            {!! Form::select('selling_price_group_id', $price_groups, $location->selling_price_group_id ?? '', ['class' => 'form-select select2', 'placeholder' => __('app.please_select')]); !!}
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">

                            {!! Form::label('invoice_scheme_id', __('app.invoice_scheme_for_pos') . ':*',['class'=>'form-label']) !!}
                            @show_tooltip(__('tooltip.invoice_scheme'))
                            {!! Form::select('invoice_scheme_id', $invoice_schemes, $location->invoice_scheme_id ?? '', ['class' => 'form-select select2', 'required' ,'aria-invalid'=>true,'data-validation-required-message'=> __('app.invoice_scheme_for_pos')." Is Required",  'placeholder' => __('app.please_select')]); !!}
                            <div class="help-block" role="alert"></div>
                        </div>
                    </div>

                    <!-- /.col -->
                </div>
                <div class="row">


                    <div class="col-md-4">
                        <div class="form-group">
                            {!! Form::label('invoice_layout_id', __('app.invoice_layout_for_pos') . ':*',['class'=>'form-label']) !!}
                            @show_tooltip(__('tooltip.invoice_layout'))
                            {!! Form::select('invoice_layout_id', $invoice_layouts, $location->invoice_layout_id ?? '', ['class' => 'form-select select2', 'required','aria-invalid'=>true,'data-validation-required-message'=> __('app.invoice_layout_for_pos')." Is Required",
                            'placeholder' => __('app.please_select')]); !!}
                            <div class="help-block" role="alert"></div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">

                            {!! Form::label('sale_invoice_scheme_id', __('app.invoice_scheme_for_sale') . ':*',['class'=>'form-label']) !!}
                            {!! Form::select('sale_invoice_scheme_id', $invoice_schemes, $location->sale_invoice_scheme_id ?? '', ['class' => 'form-select select2', 'required','aria-invalid'=>true,'data-validation-required-message'=> __('app.invoice_scheme_for_sale')." Is Required",
                            'placeholder' => __('app.please_select')]); !!}
                            <div class="help-block" role="alert"></div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            {!! Form::label('sale_invoice_layout_id', __('app.invoice_layout_for_sale') . ':*',['class'=>'form-label']) !!}
                            @show_tooltip(__('app.invoice_layout_for_sale_tooltip'))
                            {!! Form::select('sale_invoice_layout_id', $invoice_layouts,  $location->sale_invoice_layout_id ?? '', ['class' => 'form-select select2', 'required','aria-invalid'=>true,'data-validation-required-message'=> __('app.invoice_layout_for_sale')." Is Required",
                            'placeholder' => __('app.please_select')]); !!}
                            <div class="help-block" role="alert"></div>
                        </div>
                    </div>


                    <!-- /.col -->
                </div>
                            @endcomponent
        </div>

    </div>

</div>

<div class="box-footer text-start">
    <a href="{{ route('business-location.index') }}" class="btn btn-warning me-1"><i
                class="ti-trash"></i> @lang('app.cancel')</a>
    <button type="submit" name="submit" class="btn btn-primary">
        <i class="ti-save-alt"></i> @lang('app.save')
    </button>
</div>

{!! Form::close() !!}

@section('javascript')
    <script type="text/javascript">
        $(document).ready(function () {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $('#country').on('change', function () {
                var country_id = $(this).val();
                var next_dropdown_id = 'state';
                if (country_id.length > 0) {
                    var request_url = base_path + '/selectedStates';
                    $('#' + next_dropdown_id).html('');
                    getDropDownOptionsFromAjaxRequest(request_url, next_dropdown_id, country_id);
                } else {
                    alert('Country Cannot Be Blank')
                    $('#' + next_dropdown_id).html('');
                    $('#' + next_dropdown_id).html('<option value="">@lang('app.please_select')</option>');
                }

            })

            $('#state').on('change', function () {
                var state_id = $(this).val();
                var next_dropdown_id = 'city';
                if (state_id.length > 0) {
                    var request_url = base_path + '/selectedCities';
                    $('#' + next_dropdown_id).html('');
                    getDropDownOptionsFromAjaxRequest(request_url, next_dropdown_id, state_id);
                } else {
                    alert('State Cannot Be Blank')
                    $('#' + next_dropdown_id).html('');
                    $('#' + next_dropdown_id).html('<option value="">@lang('app.please_select')</option>');
                }

            })
        })

        function getDropDownOptionsFromAjaxRequest(request_url, requested_dropdown_id, requested_dropdown_value) {
            $.ajax({
                url: request_url,
                method: 'POST',
                data: {
                    requested_dropdown_value: requested_dropdown_value
                },
                success: function (response) {
                    response = JSON.parse(response)

                    var state_dropdown_options = '<option value="">@lang('app.please_select')</option>';
                    $.each(response, function (index, value) {
                        state_dropdown_options += '<option value="' + value.id + '"> ' + value.name + '</option>';

                    });
                    $('#' + requested_dropdown_id).append(state_dropdown_options);
                    $('#' + requested_dropdown_id).select2('open');
                }
            })
        }
    </script>
    <script src="{{asset('theme/js/pages/validation.js')}}"></script>
    <script src="{{asset('theme/js/pages/form-validation.js')}}"></script>


@endsection