@extends('admin.layouts.master')

@section('title', 'Training Testimonials Control')

@section('content')
    <h1 class="text-center">Training Testimonials Control</h1>

    @if (session()->get('msg') != null)
        <div class="col-md-6 mx-auto text-center alert alert-success">
            {{ session()->get('msg') }}
        </div>
    @endif
    <div class="col-6 mx-auto">
        <form action="{{ route('admin.saveTestimonial') }}" method="post">
            @csrf
            <div class="form-group">
                <label for="testimonial_id">Testimonial Number</label>
                <select name="testimonial_id" class="form-control" id="testimonial_id">
                    <option value="" disabled selected>Choose</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
            </div>
            <div class="form-group">
                <label for="agent">Agent:</label>
                <select name="agent_id" id="agent" class="form-control">
                    <option value="" disabled selected>Choose Agent</option>
                    @foreach ($agents as $agent)
                        <option value="{{ $agent->id }}">{{ $agent->username }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label for="firstAgentTest_en">Testimonial In English</label>
                <textarea name="testimonial_en" class="form-control ckeditor" id="firstAgentTest_en"></textarea>
            </div>
            <div class="form-group">
                <label for="firstAgentTest_ar">Testimonial In Arabic</label>
                <textarea name="testimonial_ar" class="form-control ckeditor" id="firstAgentTest_ar"></textarea>
            </div>
            <div class="form-group">
                <label for="coverage_area_en">Coverage Area In English</label>
                <input type="text" name="coverage_area_en" id="coverage_area_en" class="form-control" value="">
            </div>
            <div class="form-group">
                <label for="coverage_area_ar">Coverage Area In Arabic</label>
                <input type="text" name="coverage_area_ar" id="coverage_area_ar" class="form-control" value="">
            </div>
            <div class="form-group col-sm-4 col-md-3 mx-auto">
                <input type="submit" class="form-control btn btn-primary" value="Submit">
            </div>
        </form>
    </div>
@endsection
@section('js')
    <script>
        $('#testimonial_id').on('change', function() {
            var testimonial_id = $(this).val();
            $.ajax({
                url: "{{ route('admin.getTestimonial') }}",
                method: "get",
                data: {
                    id: testimonial_id
                },
                success: function(result) {
                    console.log(result);
                    $("[name='agent_id'] option[value='" + result.agent_id + "']").attr("selected", true);
                    $("[name='testimonial_en']").val(result.testimonial_en);
                    $("[name='testimonial_ar']").val(result.testimonial_ar);
                    $("[name='coverage_area_en']").val(result.coverage_area_en);
                    $("[name='coverage_area_ar']").val(result.coverage_area_ar);
                },
                error: function(errors) {
                    console.log("errors", errors);
                },
            });
        });
    </script>

@endsection