@extends('layouts.app')

@section('content')
<div class="container-fluid">
            <div class="page-title">
              <div class="row">
                <div class="col-8">
                  <h3>Manage Doctors</h3>
                </div>
                
                <div class="col-4"> 
                <button data-href="{{ action('App\Http\Controllers\Admin\DoctorController@importView') }}"
                        class="btn btn-secondary company-modal  pull-right" data-bs-toggle="modal" 
                        data-container=".brands_modal" ><i class="fa fa-download"></i></button>

                    <button data-href="{{ action('App\Http\Controllers\Admin\DoctorController@create') }}"
                        class="btn btn-primary company-modal m-r-5 pull-right" data-bs-toggle="modal" 
                        data-container=".brands_modal"><i class="fa fa-plus"></i></button>
                </div>
              </div>
            </div>
          </div>
          <!-- Container-fluid starts -->
          <div class="container-fluid">
            <div class="row">
              
              <div class="col-sm-12">
                <div class="card">
                  <div class="card-header pb-0 card-no-border">
                    <h4>Manage Doctors</h4><span>
                       </span>
                  </div>
                  <div class="card-body"> 
                    <div class="table-responsive custom-scrollbar custom-scrollbar">
                      <table class="display" id="tdata" style="width:100%">
                        <thead>
                          <tr>
                            <th>ID</th>
                            <th>Doctor Name</th>
                            <th>VCS Code</th>
							<th>Mobile No</th>
                            <th>EMP Code</th>
                            <th>HQ</th>
                            <th>Action</th>
                          </tr>
                        </thead>
                        <tbody> 
                         
                          
                        </tbody>
                        <tfoot>
                          <tr>
                          <th>ID</th>
                            <th>Doctor Name</th>
                            <th>VCS Code</th>
                            <th>Mobile No</th>
                            <th>EMP Code</th>
							<th>HQ</th>
                            <th>Action</th>
                          </tr>
                        </tfoot>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Container-fluid Ends-->
          </div>
          
<div class="modal  custom-modal fade brands_modal" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" 
tabindex="-1" aria-labelledby="staticBackdrop" aria-modal="true" role="dialog" >
</div>
          @endsection
          
@section('footer')
    <script>
        $(document).ready(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('input[name=csrf-token]').attr('content')
                }
            });

            var brands_table = $('#tdata').DataTable({
                destroy: true,
                processing: true,
                serverSide: true,
                ajax: "{{ url('/admin/doctors') }}",

                columns: [
                    {data: 'id',name: 'id'},
                    {data: 'doctorname',name: 'doctorname'},
                    {data: 'vcscode',name: 'vcscode'},
                    {data: 'mobileno',name: 'mobileno'},
                    {data: 'empcode',name: 'empcode'},
                    {data: 'hq',name: 'hq'},
                    
                    {data: 'action',name: 'action'},
                ],
                order: [
                    [0, 'DESC']
                ]
            });
            // console.log(brands_table);

            $(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();
                    }
                });
            });


            $(document).on('click', 'button.edit_form', function() {
                var container = $(this).data("container");
                $.ajax({
                    url: $(this).data("href"),
                    dataType: "html",
                    success: function(result) {
                        $(container).html(result).modal('show');
                    }
                });
            });


            $(document).on('submit', '#edit_form', function(e) {
                e.preventDefault();
                var data = new FormData($('#edit_form')[0]);
                //if(photo.files[0]){
                //    data.append('photo', photo.files[0]);
                // }
                data.append('_token', '{{ csrf_token() }}');
                $.ajax({
                    method: "POST",
                    url: $(this).attr("action"),
                    dataType: "json",
                    data: data,
                    processData: false,
                    contentType: 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();

                        }
                    }
                });
            });
			
			$(document).on('click', '.delete', function(e) {
    e.preventDefault();

    var url = $(this).data('href');
    var table = $('#tdata').DataTable();

    Swal.fire({
        title: 'Are you sure?',
        text: "This doctor will be deleted permanently!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#088f7d',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, delete it!'
    }).then((result) => {

        if (result.isConfirmed) {

            $.ajax({
                url: url,
                type: "DELETE",
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {

                    Swal.fire(
                        'Deleted!',
                        response.msg,
                        'success'
                    );

                    table.ajax.reload();
                },
                error: function() {
                    Swal.fire(
                        'Error!',
                        'Something went wrong.',
                        'error'
                    );
                }
            });
        }
    });
});

        });
    </script>
@endsection