@extends('layouts.app')
@section('content')
<div class="main-container container pt-0">
            <!-- user information -->
            <div class="card shadow-sm mb-4">
                
                <div class="card-body">
                        <div class="col-12 align-self-center">
                        <i class="bi bi-check2-circle" style="font-size: 150px;
    text-align: center;
    margin: 0px auto;
    display: block;color: var(--fimobile-theme-color);"></i>
                        </div>
                    <p class="text-center text-muted mb-3">
                     Your Form succesfully submited and yor poster download in doctor list download button click.  </p>
                    <div class="row">
                        <div class="col d-grid">
                            <a href="{{url('/doctors')}}" class="btn btn-default btn-lg shadow-sm">Done</a>
                        </div>
                    </div>
                </div>
            </div>
</div>


@endsection
@section('footer')
    <script>
        $(document).ready(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('input[name=csrf-token]').attr('content')
                }
            });


            $(document).on('click', '.company-modal', function(e) {
                var container = $(this).data("container");
                $.ajax({

                    url: $(this).data("href"),
                    dataType: "html",
                    success: function(result) {
                        $(container).html(result).modal('show');
                    }
                });
            });

            //Submit Category

            $(document).on('submit', 'form#company_add_form', function(e) {
                e.preventDefault();
                var data = new FormData($('#company_add_form')[0]);

                data.append('_token', '{{ csrf_token() }}');
                $.ajax({

                    method: "POST",
                    url: $(this).attr("action"),
                    dataType: "json",
                    data: data,
                    contentType: false,
                    processData: false,
                    success: function(result) {
                        if (result.success == true) {
                            $('div.brands_modal').modal('hide');
                            Toastify({
                                text: result.msg,
                                duration: 3000,
                                backgroundColor: '#088f7d'
                            }).showToast();

                            //  $.notify({message: result.msg},{type: 'success'});
                            //brands_table.ajax.reload();
                        } else {
                            $.each(result.data, function(key, val) {
                                $("#" + key + "_error").text(val[0]);

                            })

                            Toastify({
                                text: result.msg,
                                duration: 3000,
                                backgroundColor: 'red'
                            }).showToast();
                        }
                    },
                    error: function(xhr, status, error) {

                        Toastify({
                            text: result.msg,
                            duration: 3000,
                            backgroundColor: 'red'
                        }).showToast();
                    }
                });
            });
        });
    </script>
@endsection