@extends('layouts.137')

@section('head')
    <!-- select2 -->
    <link rel="stylesheet" href="{{url('assets/css/plugins/select2.min.css')}}">
    <link rel="stylesheet" href="{{url('assets/css/plugins/select2-bootstrap4.min.css')}}">
    <meta name="_token" content="{{csrf_token()}}">
@stop

@section('content')
    <header id="header">
        <h1>پیگیری درخواست</h1>
        <p>سامانه ارتباط مردمی 137</p>
    </header>

    <div id="main">
        <section id="content" class="main">

            <!-- Form -->
            <section>
                <!--<h2>فرم درخواست</h2>-->
                <form id="commentForm" onsubmit="return false;">
                    @if(config('app.recaptcha') != null)
                        {!!  GoogleReCaptchaV3::renderField('contact_us_id','contact_us_action') !!}
                    @endif

                    <div class="row uniform">

                        <div class="12u$ 12u$(xsmall)">
                                <input name="mobile" class="form-control"
                                       type="text" placeholder="موبایل">
                        </div>

                        <div class="12u$ 12u$(xsmall)">
                            <input name="tracking_code" class="form-control"
                                   type="text" placeholder="کد پیگیری">
                        </div>

                        <div class="12u$">
                            <ul class="actions">
                                <li><input type="submit" onclick="getComment()" value="پیگیری" class="special"/>
                                </li>
                                <li><input type="reset" value="بازنشانی"/></li>
                            </ul>
                        </div>
                    </div>
                </form>
            </section>


        </section>
    </div>

    @if(config('app.recaptcha') != null)
        {!!  GoogleReCaptchaV3::init() !!}
    @endif

    @include('layouts.loading')
@stop

@section('footer')
    <!--  select2 -->
    <script src="{{url('assets/js/plugins/select2.min.js')}}"></script>
    <script>
        getComment = function () {
            $("#loading").show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            var form = $('#commentForm').serialize();
            $.ajax({
                url: '{{ url('/137/tracking') }}',
                type: 'POST',
                data: form,
                success: function (response) {
                    $("#loading").hide();
                    $('#content').empty().html(response);
                },
                error: function (xhr) {
                    $("#loading").hide();
                    if (xhr.status === 422) {
                        jQuery.each(xhr.responseJSON.errors, function (key, value) {
                            toastr.error(value);
                        });
                    }
                    if (xhr.status !== 422) {
                        toastr.warning(xhr.responseJSON.errors);
                    }
                }
            });
        }
    </script>
@stop