@extends('layouts.admin')
@section('content')
    
    <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('plugins/export/buttons.dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Manage Doctor List')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                    <li>@lang('messages.Manage Doctor')</li>
                </ul>
            </div>
        </div>
    </div>

    {!!Form::open(array( 'method' =>'post','class'=>'tab-form attribute_form','id'=>'doctor_type_form'))!!}
    <div class="clearfix form-blk">
        <div class="form-inline">
            <!-- <div class="form-group filter-line">
                <label class="control-label pad-rt-10" style="display:block;">@lang('messages.Doctor Type')</label>
                <div class="input-group pad-rt-15">
                    <select required class="select2 form-control" id="customer_type">
                        @if(!empty($user_role_types))
                            <option value="">@lang('messages.Select Type')</option>
                            @foreach($user_role_types as $user_role)
                                <option value="{{$user_role->id}}">{{$user_role->name_en}}</option>
                            @endforeach
                        @else
                            <option value="">@lang('messages.Not Found')</option>
                        @endif
                    </select>
                </div>
            </div> -->
            <!-- <div class="form-group filter-line" style="margin-top:20px;">
                <button class="btn btn-primary mr5" type="submit" name="submit" title="@lang('messages.Filter')">@lang('messages.Filter')</button>
                <button type="reset" title="@lang('messages.Reset')" class="btn btn-default" onclick="window.location='{{ url('admin/doctors/list') }}'">@lang('messages.Reset')</button>
                <button class="btn btn-primary mr5" type="submit" name="export" id="export" title="@lang('messages.Filter')">@lang('messages.Export')</button>
            </div> -->
        </div>
    </div>
    {!!Form::close()!!}

    @if (Session::has('message'))
        <div class="admin_sucess_common">
            <div class="admin_sucess">
                <div class="alert alert-info">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif
    <div class="buttons_block">
        @if(IzoCommonHelper::hasPermission('doctor_management_add'))
            <div class="btn-group mr5">
                <a class="btn btn-primary tip" href="{{ URL::to('admin/doctors/create') }}" title="Add New">@lang('messages.Add New')</a>
            </div>
        @endif
    </div>
    <div class="content">
        @if(IzoCommonHelper::hasPermission('doctor_management_list'))
            <table id="doctor-table" class="table table-striped table-bordered responsive">
                <thead>
                <tr class="headings">
                    <th>@lang('messages.Id')</th>
                    <th>@lang('messages.Name')</th>
                    <th>@lang('messages.Email Id')</th>
                    <th>@lang('messages.Mobile')</th>
                    <th>@lang('messages.Hospital')</th>
                    <!-- <th>@lang('messages.Wallet Balance')</th>
                    <th>@lang('messages.GST Number')</th>
                    <th>@lang('messages.Role')</th> -->
                    <th>@lang('messages.Status')</th>
                    <th>@lang('messages.View/Action')</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                        <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                    </td>
                </tr>
                </tbody>
            </table>
        @endif
    </div>

    <script type="text/javascript">
        $(function () {
            // $('#doctor_type').select2();
            token = $('meta[name="csrf-token"]').attr('content');
            var oTable = $('#doctor-table').DataTable({
                dom: 'lfrtip',
                search: {
                    caseInsensitive: true
                },
                "lengthMenu": [[25, 50, 100], [25, 50, 100]],
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: false,
                ajax: {
                    url: '{{ URL::to('admin/doctors/ajax-list') }}',
                     type: 'POST',
                    data: function (d) {
                        // d.doctor_type = $('#doctor_type').val();
                    },
                    headers: {
                        'X-CSRF-TOKEN': token
                    }
                },
                "order": [],
                "columnDefs": [{
                    "targets": 'no-sort',
                    "orderable": false,
                }],
                columns: [
                    {data: 'doctor_id', name: 'doctor_id'},
                    {data: 'name', name: 'name', searchable: true},
                    {data: 'email', name: 'email', searchable: true},
                    {data: 'phone', name: 'phone', searchable: true},
                    {data: 'hospital_name', name: 'hospital_name', searchable: true},
                    // {data: 'wallet', name: 'wallet', searchable: false},
                    // {data: 'gst_number', name: 'gst_number', searchable: true},
                    // {data: 'types', name: 'types', searchable: false},
                    {data: 'status', name: 'status', searchable: false},
                    {data: 'action', name: 'action', orderable: false},
                ],
            });
             $('#doctor_type_form').on('submit', function (e) {
                oTable.draw();
                e.preventDefault();
            });
        });
        // $('#export').click(function(e) {
        //     e.preventDefault();
        //     var doctor_type = $('#doctor_type').find('option:selected').val();
        //     doctor_type = doctor_type == '' ? 'empty' : doctor_type;
        //     var e = "export-doctors/" + doctor_type;
        //     $(location).attr('href', e);
        // });

        function changeStatus(doctor_id) {
            doctorStatus = $('#doctor-' + doctor_id).data('status');
            if (doctorStatus == 1) {
                var conf = confirm('Would you like to active this doctor?');
            } else {
                var conf = confirm('Would you like to inactive this doctor?');
            }

            if (conf == true) {
                var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/doctors/changeStatus') }}';
                var status = $('body #doctor-' + doctor_id).data("status");
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: {'status': status, 'doctor_id': doctor_id},
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) {
                        if (resp.http_code == 400) {
                            toastr.warning(resp.message);
                        } else if (resp.http_code == 200) {
                            if (status == 0) {
                                $('#doctor-' + doctor_id).data('status', 1);
                                $('#doctor-' + doctor_id).attr('class', '');
                                $('#doctor-' + doctor_id).attr('class', 'glyphicon glyphicon-thumbs-down');
                            } else if (status == 1) {
                                $('#doctor-' + doctor_id).data('status', 0);
                                $('#doctor-' + doctor_id).attr('class', '');
                                $('#doctor-' + doctor_id).attr('class', 'glyphicon glyphicon-thumbs-up');
                            }
                            toastr.success(resp.message);
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        } else if (resp.http_code == 500) {
                            toastr.warning(resp.message);
                        }
                    }
                });
            }
        }
    </script>
    <style>
        .status {
            cursor: pointer;
        }
    </style>
@endsection