@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.rental_settings')  => route('tenant.settings.rentals.contracts.index') ,
            __('breadcrumb.rental_settings') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'settings.rentals.response-templates'])
@endsection

@section('content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        {{-- Automatic export invoices settings --}}
        @can('rentalsSettings-responseTemplates-add')
            <div class="my-4">
                <h4>@lang('settings/rentals/response-templates/create.response_templates')</h4>
                <form action="{{ route('tenant.settings.rentals.response-templates.store') }}" method="post"
                    id="acceptAndRejectedTemplateForm">
                    @csrf
                    <p class="text-danger">@lang('settings/rentals/response-templates/create.please_enter_the_following_variables_that_will_be_replaced_to_send_the_email_to_the_client_in_this_format')
                        {tenant_name} , {date}, {contact_number}, {your_name}, {your_title_role} , {your_contact_information}
                    </p>
                    <label for="accept_template">@lang('settings/rentals/response-templates/create.rejected_template')</label>
                    <br>
                    <textarea id="accept_template" class="form-control" name="accept_template" rows="6"> {{ $accept_template->description ?? '' }}</textarea>
                    <br><br>
                    <p class="text-danger">@lang('settings/rentals/response-templates/create.please_enter_the_following_variables_that_will_be_replaced_to_send_the_email_to_the_client_in_this_format')
                        {tenant_name} , {date}, {contact_number}, {your_name}, {your_title_role} , {your_contact_information}
                    </p>
                    <label for="rejected_template">@lang('settings/rentals/response-templates/create.rejected_template')</label>
                    <br>
                    <textarea id="rejected_template" class="form-control" name="rejected_template" rows="6"> {{ $rejected_template->description ?? '' }}</textarea>
                    <br><br>

                    <div class="text-center">
                        <button type="submit" class="btn orange-btn">@lang('settings/rentals/response-templates/create.add')</button>
                    </div>
                </form>
            </div>
            <hr>
        @endcan
    </div>
@endsection

@push('script')
    <script type="module">
        import {
            confirmAndSubmit
        } from '/tenancy/assets/js/helpers.js';

        $(() => {
            $('#acceptAndRejectedTemplateForm').on('submit', function(e) {
                e.preventDefault();
                confirmAndSubmit('acceptAndRejectedTemplateForm', {
                    type: 'green'
                });
            });
        });
    </script>
@endpush