@extends('agentportal.layouts.layout')

@section('title', trans('message_lang.LBL_SEND_REVISED_RATES'))

@section('page_style')
    <link href="{{ url('css/select2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ url('css/select2.min.css') }}" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
            background-color: #00FFFF;
        }
    </style>
@endsection

<div id="loading" style="display:none;">
    <div id="image-loader">
        <img src="{{ url('img/loading.gif') }}" alt="Loading..." />
    </div>
</div>

@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">
                                    {{ trans('message_lang.LBL_SEND_REVISED_RATES') }}
                                </h3>
                                <div class="card-toolbar">
                                    <a href="{{ url('agentportal/exchange-rates') }}"
                                        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="{{ route('agentportal.exchange-rates.revised-rate-emails-store') }}"
                                autocomplete="off">
                                @csrf
                                <div class="card-body">
                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <label class=""
                                                for="to_emails">{{ trans('message_lang.REVISED_RATES_EMAIL_LBL_TO_EMAILS') }}
                                                <span style="color:red;">*</span></label>
                                            <textarea name="to_emails" id="to_emails" class="form-control">{{ old('to_emails', trim($fxRateConfiguration->to_emails) ?? '') }}</textarea>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <label class=""
                                                for="cc_emails">{{ trans('message_lang.REVISED_RATES_EMAIL_LBL_CC_EMAILS') }}
                                                <span style="color:red;">*</span></label>
                                            <textarea name="cc_emails" id="cc_emails" class="form-control">{{ old('cc_emails', trim($fxRateConfiguration->cc_emails) ?? '') }}</textarea>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <label class=""
                                                for="bcc_emails">{{ trans('message_lang.REVISED_RATES_EMAIL_LBL_BCC_EMAILS') }}
                                                <span style="color:red;">*</span></label>
                                            <textarea name="bcc_emails" id="bcc_emails" class="form-control">{{ old('bcc_emails', trim($fxRateConfiguration->bcc_emails) ?? '') }}</textarea>
                                        </div>
                                    </div>
                                </div>

                                <div class="card-footer">
                                    <button type="submit" class="btn btn-primary mr-2"
                                        id="submit">{{ 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_script')
    <script src="{{ url('js/sweetalert2.min.js') }}"></script>
    <script>
        const form = document.getElementById('form');
        form.addEventListener('submit', function(event) {
            event.preventDefault();

            Swal.fire({
                title: '{{ trans('message_lang.CONFIRMATION_PROMPT') }}',
                text: '{{ trans('message_lang.CONFIRM_REVISED_RATES_EMAIL') }}',
                showCancelButton: true,
                confirmButtonText: '{{ trans('message_lang.BTN_YES_PROCEED') }}',
                cancelButtonText: '{{ trans('message_lang.BTN_NO_CANCEL') }}',
            }).then((result) => {
                if (result.isConfirmed) {
                    HTMLFormElement.prototype.submit.call(form);
                }
            });
        });
    </script>
@endsection