@extends('app')
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Doctor List
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{url('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Outdoor</a></li>
            <li class="active">Doctor List</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title">
                    @can('doctor-create')
                        <a href="{{route('hr.add-doctor')}}" class="btn btn-info btn-md">
                            <i class="fa fa-plus"></i>&nbsp;
                            Add Doctor
                        </a>
                    @endcan
                </h3>

            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        @can('doctor-view')
                            <div class="table-responsive">
                                <table id="doctorDatatable" class="table table-bordered table-striped">
                                    <thead>
                                    <tr>
                                        <th>Doctor Name</th>
                                        <th>User Name</th>
                                        <th>Email</th>
                                        <th>Mobile</th>
                                        <th>Designation</th>
                                        <th>Status</th>
                                        @canany(['doctor-edit','doctor-update','doctor-remove'])
                                            <th>Action</th>
                                        @endcanany
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if(count($doctors) > 0)
                                        @foreach($doctors as $key => $doctor)
                                            <tr>
                                                <td>{{$doctor->user->full_name}}</td>
                                                <td>
                                                    {{$doctor->user->user_name}}
                                                </td>
                                                <td>
                                                    {{$doctor->user->email}}
                                                </td>
                                                <td>
                                                    {{$doctor->user->mobile_no}}
                                                </td>
                                                <td>
                                                    {{$doctor->designation ? $doctor->designation->designation_name : '-'}}
                                                </td>
                                                <td>
                                                    <label class="label label-warning"
                                                           style="@if($doctor->user->status == 1) display: none; @endif">
                                                        Inactive
                                                    </label>
                                                    <label class="label label-success"
                                                           style="@if($doctor->user->status == 0) display: none; @endif">
                                                        Active
                                                    </label>
                                                </td>
                                                <td>
                                                    @canany(['doctor-edit','doctor-update'])
                                                        <a href="javascript:;" class="btn btn-success btn-xs"
                                                           style="@if($doctor->user->status == 1) display: none; @endif"
                                                           onclick="updateStatus('active','doctor',{{$doctor->user->user_id}})">
                                                            <i class="fa fa-check-square-o" title="Active"></i>
                                                        </a>
                                                        <a href="javascript:;" class="btn btn-warning btn-xs"
                                                           style="@if($doctor->user->status == 0) display: none; @endif"
                                                           onclick="updateStatus('inactive','doctor',{{$doctor->user->user_id}})">
                                                            <i class="fa fa-ban" title="Inactive"></i>
                                                        </a>

                                                        <a href="{{url('hr/edit-doctor',$doctor->user->user_id)}}"
                                                           class="btn btn-info btn-xs"
                                                           id="reference_{{$doctor->user->user_id}}">
                                                            <i class="fa fa-edit" title="Edit"></i>
                                                        </a>

                                                        <a href="{{route('hr.edit.doctor.test.commission',$doctor->user)}}"
                                                           class="btn btn-info btn-xs"
                                                           id="reference_{{$doctor->user->user_id}}">
                                                            Set Doctor Commission
                                                        </a>

                                                        <a href="{{route('user.password.reset',$doctor->user->user_id)}}"
                                                           class="btn btn-primary btn-xs"
                                                           id="reference_{{$doctor->user->user_id}}">
                                                            <i class="fa fa-user-secret"></i>
                                                        </a>
                                                    @endcanany

                                                    @can('doctor-remove')
                                                        <a href="javascript:;" class="btn btn-danger btn-xs"
                                                           style="@if($doctor->user->status == 2) display: none; @endif"
                                                           onclick="updateStatus('delete','doctor',{{$doctor->user->user_id}})">
                                                            <i class="fa fa-trash" title="Delete"></i>
                                                        </a>
                                                    @endcan
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <th>Doctor Name</th>
                                        <th>User Name</th>
                                        <th>Email</th>
                                        <th>Contact</th>
                                        <th>Designation</th>
                                        <th>Station</th>
                                        @canany(['doctor-edit','doctor-update','doctor-remove'])
                                            <th>Action</th>
                                        @endcanany
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                        @endcan
                    </div>
                </div>
            </div>
            <div class="box-footer">
            </div>
        </div>
    </section>

@endsection

@section('script')
    <script type="text/javascript">
        $(document).ready(function () {
            $('#doctorDatatable')
                .dataTable({
                    columnDefs: [
                        {"width": "25%", "targets": 0},
                        {targets: [-1, -3], className: 'dt-body-right'}
                    ],
                    autoWidth: false,
                });
        });

        function updateStatus(action, url, id) {
            var reference = $("#reference_" + id);

            $.ajax({
                url: "update-" + url + '-status/' + action + '/' + id,
                method: "GET",
                dataType: 'json',
                success: function (data) {
                    if (data.success == true) {
                        if (action == 'active') {
                            // reference.
                            reference.prev().show().prev().hide();
                            reference.parent().prev().children().next().show().prev().hide();
                        } else if (action == 'inactive') {
                            reference.prev().hide().prev().show();
                            reference.parent().prev().children().next().hide().prev().show();
                        } else if (action == 'delete') {
                            reference.parent().parent().hide(1000).remove();
                        }

                        $('.box-body-second').show();
                        $('.messageBodySuccess').slideDown(1000).delay(3000).slideUp(1000).children().next().html(data.message);
                    } else {
                        $('.box-body-second').show();
                        $('.messageBodyError').slideDown(1000).delay(3000).slideUp(1000).children().next().html(data.message);
                    }
                },
                error: function (data) {
                    $('.box-body-second').show();
                    $('.messageBodyError').slideDown(1000).delay(3000).slideUp(1000).children().next().html(data.message);
                }
            });
        }
    </script>
@endsection