@extends('layouts.layout')
@section('title', 'User Contracts')


@section('content')
@include('settings.setting_sidebar')
<div class="tab-content-wrap">
    <div class="tab-pane" id="setUserContracts">
        <form method="post" action="{{ url('setting/update-user-contract') }}" id="add-user-contract">
            @csrf
            <div class="pb-2 d-flex justify-content-between">
                <h3>User Contracts</h3>
                <!-- <a href="" class="btn">Add New Contract</a> -->
            </div>
            <input type="hidden" name="id" id="id">
            <div class="form-wrap style-input">
                <label for="change_user_contract" class="style-label with-value">Choose Contact To Edit</label>
                <select name="name" id="change_user_contract" class="form-select">
                    <option value="">Select Option</option>
                            @if(isset($setting_user_contracts))
                                @foreach($setting_user_contracts as $key=>$value)
                                <option value="{{$value['id']}}">{{$value['name']}}</option>
                                @endforeach
                            @endif
                </select>
                           </div>
                            <textarea id="editor"  name="email_template_ckeditor"></textarea>
                        </div>
                               <div class="d-flex justify-content-end mt-4">
                <button type="submit" class="btn">Save</button>
            </div>
        </form>
    </div>
</div>

<script>
    
    $("#change_user_contract").on("change", function() {
        var user_contract_id = $(this).val();
        axios.post('onchange-get-user-contract', {
                user_contract_id: user_contract_id
            })
            .then(function(response) {
                const get_user_contract_data = response.data.get_user_contract;
                console.log(get_user_contract_data);
                $("#id").val(get_user_contract_data[0].id);
                var editor = tinymce.get('editor');
                if (!editor) {
                    tinymce.init({
                        selector: '#editor',
                        plugins: 'link image code',
                        relative_urls: true,
                   });
                    editor = tinymce.get('editor');
                }

                editor.setContent(get_user_contract_data[0].description);
            })

    });
</script>
{!! JsValidator::formRequest('App\Http\Requests\SettingUserContract','#add-user-contract') !!}
@include('scripts.setting_terms_script')
@include('scripts.settings')

@endsection