@include('partials.state_lga_js')

    <script !src="">

        if ($("#datepicker-popup").length) {
            $('#datepicker-popup').datepicker({
                enableOnReadonly: true,
                todayHighlight: true,
                format: 'dd-mm-yyyy'
            });
        }

        function fetch_state_stat() {
            $('#state_cases').html('');
            $('#lga_cases').html('');
            var state = $('select#state_id').val();
            var name = $('select#state_id').find(':selected').data('name');
            axios({
                method: 'post',
                url: '{{route('/fetch_state_stat')}}',
                data: {_token:'{{csrf_token()}}', state:state, index:'0',recovery:'0'}
            })
                .then(function (response) {
                    if(response.statusText==='OK')
                    {
                        $('#state_cases').html("<strong>"+name+" State:</strong> <br><h4 class='text-danger'>"+response.data.figure+" Cases</h4>");
                    }
                })
                .catch(function (data) {
                    console.log('Oops!: '+data.error);
                });
        }

        function fetch_lga_stat() {
            $('#lga_cases').html('');
            var state = $('select#state_id').val();
            var lga = $('select#lga_id').val();
            var name = $('select#lga_id').find(':selected').data('name');
            axios({
                method: 'post',
                url: '{{route('/fetch_lga_stat')}}',
                data: {_token:'{{csrf_token()}}', state:state, lga:lga, index:'0',recovery:'0'}
            })
                .then(function (response) {
                    if(response.statusText==='OK')
                    {
                        $('#lga_cases').html("<strong>"+name+" LGA:</strong> <br><h4 class='text-danger'>"+response.data.figure+" Cases</h4>");
                    }
                })
                .catch(function (data) {
                    console.log('Oops!: '+data.error);
                });
        }
        $(document).ready(function(){
            $('#state_id').trigger('change');
            $('#caseForm').submit(function (e) {
                e.preventDefault();

                $('#state_id').add($('#lga_id')).add($('#date_of_death')).add($('#number_of_case')).removeClass('is-invalid');
                $('#caseBtn').prop('disabled', true).html("Submitting <i class='fa fa-spin fa-spinner'></i>");

                var formData = $(this).serialize();
                var url = $(this).attr('action');

                axios({
                    method: 'post',
                    url: url,
                    data: formData
                })
                    .then(function (response) {
                        $('#caseBtn').prop('disabled', false).html('SUBMIT CASE');
                        if(response.statusText==='OK')
                        {
                            $.toast({text: response.data.done, icon: 'success', position: 'top-right'});
                            $('#caseForm')[0].reset();
                            $('#state_cases').html('');
                            $('#lga_cases').html('');
                        } else{
                            if(response.data.state){$('#state_id').addClass('is-invalid');}
                            if(response.data.local_government){$('#lga_id').addClass('is-invalid');}
                            if(response.data.date_of_confirmation){$('#date_of_death').addClass('is-invalid');}
                            if(response.data.number_of_case){$('#number_of_case').addClass('is-invalid');}
                        }
                    })
                    .catch(function (data) {
                        console.log('Oops!: '+data.error);
                        $('#caseBtn').prop('disabled', false).html('SUBMIT CASE');
                    });
            });
        });

    </script>