@extends("agentportal.layouts.layout")

@section("title", trans("message_lang.LBL_UPDATE_LOCATION"))

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Entry-->
    <div class="d-flex flex-column-fluid">
        <!--begin::Container-->
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!--begin::Card-->
                    <div class="card card-custom gutter-b example1 example1-compact">
                        <div class="card-header">
                            <h3 class="card-title">
                                {{ $bank->bank_code." : " }}
                                {!! trans("message_lang.LBL_UPDATE_LOCATION") !!}
                            </h3>
                            <div class="card-toolbar">
                                <a href="{{ url('agentportal/sponsoring-banks/show/'.$sponsoredBankId) }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                            </div>
                        </div>
                        <!--begin::Form-->
                        <form method="post" name="form" id="form" action="{{ url('agentportal/sponsoring-banks/' . base64_encode($bank->id) . '/locations/update') }}" enctype="multipart/form-data" autocomplete="off">
                            @csrf
                            <div class="card-body">
                                @if (!empty($allLocations))
                                    <div class="form-group">
                                        <div class="form-check-inline">
                                            <label class="form-check-label">
                                                <input type="checkbox" id="all" class="form-check-input">{!! trans("message_lang.LBL_CHECK_ALL") !!}
                                            </label>
                                        </div>
                                    </div>
                                    @error('location_id')
                                    <span class="invalid-feedback" style="display: block;" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                                    @foreach ($allLocations as $key => $location)
                                    <div class="form-group">
                                        <div class="form-check-inline">
                                            <label class="form-check-label">
                                                <input type="checkbox" name="location_id[]" class="form-check-input company" value="{{ $key }}" @if(in_array($key, $locations)) {{"checked"}} @endif>{{ $location }}
                                            </label>
                                        </div>
                                    </div>
                                    @endforeach
                                    <input type="hidden" name="country_id" id="coutnry_id" value="{{$bank->agent_country_id}}">
                                @endif
                            </div>

                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary mr-2">{{ trans('message_lang.BTN_SUBMIT') }}</button>
                                <button type="reset" class="btn btn-secondary">{{ trans('message_lang.BUTTON_CANCEL') }}</button>
                            </div>
                        </form>
                        <!--end::Form-->
                    </div>
                    <!--end::Card-->
                </div>
            </div>
        </div>
        <!--end::Container-->
    </div>
    <!--end::Entry-->
</div>
@endsection

@section("page_vendors")
    <script src="{{ asset('ex_plugins/jquery-validation-1.19.1/dist/jquery.validate.js') }}"></script>
@endsection

@section("page_script")
    <script type="text/javascript">
        $(document).ready(function () {
            $(document).on('change', '#all', function() {
                $('.company').prop('checked', false);
                if ($(this).is(':checked')) {
                    $('.company').prop('checked', true);
                }
            });

            $(document).on('change', '.company', function() {
                $('#all').prop('checked', false);
                if ($('.company').length == $('.company:checked').length) {
                    $('#all').prop('checked', true);
                }
            });
        });
    </script>
@endsection