@extends('layout.master')
@section('title', 'Assess a Patient')
@section('assess-patient', 'active')
@section('levelCSS')
    <link href="{{asset('selftest/css/vendor.css')}}" rel="stylesheet">
    <meta name="csrf-token" content="{{ csrf_token() }}" />
@endsection

@section('body')

    <div id="loader_form">
        <div data-loader="circle-side-2"></div>
    </div><!-- /loader_form -->

    <div class="col-md-12">
        <div class="tab-content tab-transparent-content pb-0">
            <div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview-tab">

                <form action="{{route('/covid_self_test_response')}}" onsubmit="return false" method="post" id="testForm">

                    @include('partials.assessment')
                    <input type="hidden" name="_userid" value="{{currentUser()->id}}">

                </form>
            </div>
        </div>
    </div>

@endsection

@section('levelJS')

    <script src="{{asset('selftest/js/common-script.js')}}"></script>
    <script src="{{asset('selftest/js/file-validator.js')}}"></script>


    @include('partials.state_lga_js')

    <script>
        $(document).ready(function () {
            $('#state_id').trigger('change');
            $('#testForm').submit(function(e){
                e.preventDefault();
                var isValid = $(this).valid();
                if(isValid===true) {
                    $('#loader_form').show();
                    $('#submitBtn').prop('disabled', true).html("Loading Result...");
                    var url = $(this).attr('action');
                    var dataString = $(this).serialize();
                    $.ajax({
                        type: "POST",
                        url: url,
                        data: dataString,
                        //                dataType: "JSON",
                        success: function(data){
                            $('#overview').html(data);
                            $('#loader_form').hide();
                        },
                        error: function (e, status) {

                            if (e.status == 500)
                                alert("Something is broken!");
                            $('#loader_form').hide();
                            $('#submitBtn').prop('disabled', false).html("Submit");
                        }
                    });
                }
            });


            $('#submit').click(function (e) {
                e.preventDefault();

            })
        })
    </script>
@endsection