@extends("agentportal.layouts.layout")

@if(isset($details))
    @section("title", trans("message_lang.LBL_EDIT_AGENT_LOCATION_ROLE"))
@else
    @section("title", trans("message_lang.LBL_ADD_AGENT_LOCATION_ROLE"))
@endif

@section("page_style")
<link rel="stylesheet" type="text/css" href="{{ url('css/sweetalert2.min.css') }}">
<style>
    .swal2-popup .swal2-icon { margin: 2rem auto 0 !important; }
</style>
@endsection

@section("content")
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <div class="d-flex flex-column-fluid">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card card-custom gutter-b example1 example1-compact">
                        <div class="card-header">
                            <h3 class="card-title">
                                @if(isset($details))
                                    {!! trans("message_lang.LBL_EDIT_AGENT_LOCATION_ROLE") !!}
                                @else
                                    {!! trans("message_lang.LBL_ADD_AGENT_LOCATION_ROLE") !!}
                                @endif
                            </h3>
                            <div class="card-toolbar">
                                <a href="{{ url('agentportal/agentlocationroles') }}" class="btn btn-primary font-weight-bolder">{{ trans('message_lang.BTN_BACK') }}</a>
                            </div>
                        </div>

                        <form method="post" name="form" id="form"
                            @if(isset($details))
                                action="{{ url('agentportal/agentlocationroles/update/' . $details->id) }}"
                            @else
                                action="{{ url('agentportal/agentlocationroles/store') }}"
                            @endif
                            enctype="multipart/form-data" autocomplete="off">
                            @csrf
                            <div class="card-body">
                                <div class="form-group row">
                                    <div class="col-md-12 mb-4">
                                        <label for="name" class="font-weight-bold">{!! trans("message_lang.LBL_NAME") !!} <span style="color:red;">*</span></label>
                                        <input type="text" name="name" placeholder="{!! trans("message_lang.LBL_NAME") !!}" value="{{ old('name', @$details->name) }}" id="name" class="form-control @error('name') is-invalid @enderror custom-field" />
                                        @error('name')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                        <span id="nameError" class="text-danger" style="display: none; font-size: 0.875rem;"></span>
                                    </div>

                                    <div class="col-md-12 mb-4">
                                        <label for="code" class="font-weight-bold">{!! trans("message_lang.LBL_CODE") !!} <span style="color:red;">*</span></label>
                                        <input type="text" name="code" placeholder="{!! trans("message_lang.LBL_CODE") !!}" value="{{ old('code', @$details->code) }}" id="code" class="form-control @error('code') is-invalid @enderror custom-field" />
                                        @error('code')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>


                                    <div class="col-md-12 mb-4">
                                        <label for="description" class="font-weight-bold">{!! trans("message_lang.LBL_DESCRIPTION") !!}</label>
                                        <textarea name="description" placeholder="{!! trans("message_lang.LBL_DESCRIPTION") !!}" id="description" class="form-control @error('description') is-invalid @enderror custom-field" rows="4">{{ old('description', @$details->description) }}</textarea>
                                        @error('description')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>

                                    <div class="col-md-12 mb-4">
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" type="checkbox" name="is_limited" id="is_limited"
                                                {{ old('is_limited', @$details->is_limited) ? 'checked' : '' }}>
                                            <label class="form-check-label font-weight-bold" for="is_limited">
                                                {{ trans('message_lang.LBL_IS_LIMITED') }}
                                            </label>
                                        </div>
                                    </div>


                                    <div class="col-md-12 mb-4">
                                        <label for="features" class="font-weight-bold">{!! trans("message_lang.LBL_FEATURES") !!}</label>
                                        <table style="border: none; width: 100%">
                                            <tr>
                                                <th style="width: 30%"></th>
                                                <th style="width: 70%"></th>
                                            </tr>
                                            @foreach($features as $feature)
                                                <tr>
                                                    <td>
                                                        <div class="clearfix">
                                                            <div class="form-check form-switch mb-4">
                                                                <input class="form-check-input" type="checkbox" name="features[]" value="{{ $feature->id }}" id="feature_{{ $feature->id }}" 
                                                                    @if(isset($selectedFeatures) && in_array($feature->id, $selectedFeatures)) checked @endif>
                                                                <label class="form-check-label" for="feature_{{ $feature->id }}">{{ $feature->name }}</label>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="card-footer">
                                <button type="button" id="save" 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>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

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

@section("page_script")
    <script type="text/javascript">
        $(document).ready(function () {
            $('#save').on('click', function (e) {
                var roleName = $('#name').val().trim();

                $('#nameError').hide();

                if (roleName === '') {
                    $('#nameError').text("{{ trans('message_lang.LBL_NAME_REQUIRED') }}").show();
                    return;
                }

                var isUpdate = @json(isset($details) ? true : false);
                if (isUpdate) {
                    $('#form').submit();
                } else {
                    $('#form').submit();
                }
            });
        });
    </script>
@endsection