@extends('layouts.page')

@section('title', 'Doctors')


@section('content')
<div class="content-wrapper">
    <div class="content-header ">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Doctors</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                        <li class="breadcrumb-item active">Doctors</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            @include('layouts.error')
                            <div class="row">
                                {{-- <div class="col-lg-auto col-md-auto mt-auto my-1 ">
                                        <button class="btn btn-success">Export <i class="fa fa-download ml-2"></i></button>
                                    </div> --}}
                                {{-- <div class="col-lg-auto col-md-auto mt-auto my-1 ">
                                    <button class="btn btn-danger js-doc-msl">Import Doctor MSL <i class="fa fa-upload ml-2"></i></button>
                                </div>
                                <div class="col-lg-auto col-md-auto mt-auto my-1 ">
                                    <button class="btn btn-danger js-doc-basic-detail">Import Doctor Basic Detail <i class="fa fa-upload ml-2"></i></button>
                                </div>
                                <div class="col-lg-auto col-md-auto mt-auto my-1 ">
                                    <button class="btn btn-danger js-doc-products">Import Doctor Products <i class="fa fa-upload ml-2"></i></button>
                                </div> --}}
                                <div class="col-lg-auto col-md-auto mt-auto my-1 ">
                                    <button class="btn btn-danger js-visit-data">Import Visit Data <i class="fa fa-upload ml-2"></i></button>
                                </div>
                                <div class="col-lg-auto col-md-auto mt-auto my-1 ">
                                    <button class="btn btn-danger js-campaign-data">Import Campaign <i class="fa fa-upload ml-2"></i></button>
                                </div>
                            </div>
                            <table id="datatable" class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Doctor Name</th>
                                        <th>BE Name</th>
                                        <th>Speciality Code</th>
                                        <th>Speciality</th>
                                        <th>Category</th>
                                        <!-- <th>MSL No</th> -->
                                        <th>Chemist One</th>
                                        <th>Chemist Two</th>

                                        {{-- <th>Status</th>
                                        <th>Action</th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    @if(!$results->isEmpty())
                                    @php
                                    $i = $results->firstItem() - 1;
                                    @endphp
                                    @foreach ($results as $row)
                                    <tr>
                                        <td>{{ ++$i }}</td>
                                        <td>{{$row->doctor_name}}</td>
                                        <td>{{ @$row->user->user_name }}</td>
                                        <td>{{ $row->doctor_speciality_code }}</td>
                                        <td>{{ $row->doctor_speciality }}</td>
                                        <td>{{ $row->doctor_category }}</td>
                                        <td>{{ $row->doctor_chemist_one }}</td>
                                        <td>{{ $row->doctor_chemist_two}}</td>
                                        {{-- <td>
                                            <a href="javascript:;" class="badge {{ $row->doctor_status == '2' ? 'badge-warning' : 'badge-success' }} js-status-change" data-id={{ $row->doctor_id  }} }}>
                                                {{ $row->doctor_status == "2" ? "Suspended" : "Active" }}
                                            </a>
                                        </td> --}}
                                        {{-- <td>
                                            <a href="{{ route('dpm_detail',$row->doctor_id) }}" class="icon"><i class="fa fa-file"></i></a>
                                            <a href="javascript:;" class="icon js-edit-doctor" data-id="{{ $row->doctor_id }}"><i class="fa fa-edit"></i></a>
                                            <a href="javascript:;" class="icon js-info-doctor" data-id="{{ $row->doctor_id }}"><i class="fa fa-eye"></i></a>
                                        </td> --}}
                                    </tr>
                                    @endforeach
                                    @else
                                    <tr>
                                        <td colspan="8">No Records found.</td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                        <div class="card-footer clearfix pagination-wrapper float-right">
                            {{ $results->links('pagination::bootstrap-4') }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<div class="modal fade" id="edit-doctor">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content bg-light">
            <div class="modal-header">
                <h4 class="modal-title">Edit Doctor</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="load-wrap">
                <div class="spinner-grow text-secondary" role="status">
                    <span class="sr-only">Loading...</span>
                </div>
            </div>
            <div class="js-box-body" style="display: none;">
                <form class="form-horizontal" action="javascript:;" method="POST" enctype="multipart/form-data" id="frm-doctor">
                    <div class="modal-body">
                        <div class="alert alert-danger" style="display:none;"></div>
                        <div class="box-body row justify-content-center">
                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">BE Name<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <select class="form-control" name="user_id" id="user_id" required="">
                                        <option value="">Select BE Name</option>
                                        @foreach ($users as $r)
                                        <option value="{{ $r->user_id }}">{{ $r->user_name.' ('.$r->user_pos_code.')' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Doctor Name<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <input type="text" name="doctor_name" id="doctor_name" class="form-control" value="" required="">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-12 control-label">MSL Sr NO<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <input type="text" name="doctor_msl_no" id="doctor_msl_no" class="form-control" value="" required="">
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Speciality Code<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <input type="text" name="doctor_speciality_code" id="doctor_speciality_code" class="form-control" value="" required="">
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Speciality<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <input type="text" name="doctor_speciality" id="doctor_speciality" class="form-control" value="" required="">
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Category<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <input type="text" name="doctor_category" id="doctor_category" class="form-control" value="" required="">
                                </div>
                            </div>

                            {{-- <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">Doctor CCM<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <input type="text" name="doctor_ccm" id="doctor_ccm" class="form-control" value="" required="">
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">Target Brand<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <input type="text" name="doctor_target_brand" id="doctor_target_brand" class="form-control" value="" required="">
                                    </div>
                                </div> --}}

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Chemist One<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <input type="text" name="doctor_chemist_one" id="doctor_chemist_one" class="form-control" value="" required="">
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Chemist Two</label>
                                <div class="col-sm-12">
                                    <input type="text" name="doctor_chemist_two" id="doctor_chemist_two" class="form-control" value="" required="">
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Pat Or Day<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <input type="text" name="doctor_pat_or_day" id="doctor_pat_or_day" class="form-control" value="" required="">
                                </div>
                            </div>
                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Select Group</label>

                                <select class="form-control" name="group_id" id="group_id" required="">
                                    <option value="">Select Group</option>
                                    @foreach ($groups as $r)
                                    <option value="{{ $r->group_id }}">{{ $r->group_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Product One<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <select class="form-control" id="doctor_product_1" name="doctor_product[1]" required="">
                                        <option value="">Select Product One</option>
                                        @foreach ($products as $r)
                                        <option value="{{ $r->medicine_tablet_id  }}">{{ $r->medicine_tablet_name.' ('.$r->medicine_tablet_short_name.')' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Product Two<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <select class="form-control" id="doctor_product_2" name="doctor_product[2]" name="doctorProductTwo" required="">
                                        <option value="">Select Product Two</option>
                                        @foreach ($products as $r)
                                        <option value="{{ $r->medicine_tablet_id  }}">{{ $r->medicine_tablet_name.' ('.$r->medicine_tablet_short_name.')' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Product Three<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <select class="form-control" id="doctor_product_3" name="doctor_product[3]" required="">
                                        <option value="">Select Product Three</option>
                                        @foreach ($products as $r)
                                        <option value="{{ $r->medicine_tablet_id  }}">{{ $r->medicine_tablet_name.' ('.$r->medicine_tablet_short_name.')' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Product Four<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <select class="form-control" id="doctor_product_4" name="doctor_product[4]" required="">
                                        <option value="">Select Product Four</option>
                                        @foreach ($products as $r)
                                        <option value="{{ $r->medicine_tablet_id  }}">{{ $r->medicine_tablet_name.' ('.$r->medicine_tablet_short_name.')' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Product Five<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <select class="form-control" id="doctor_product_5" name="doctor_product[5]" required="">
                                        <option value="">Select Product Five</option>
                                        @foreach ($products as $r)
                                        <option value="{{ $r->medicine_tablet_id  }}">{{ $r->medicine_tablet_name.' ('.$r->medicine_tablet_short_name.')' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Product Six<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <select class="form-control" id="doctor_product_6" name="doctor_product[6]">
                                        <option value="">Select Product Six</option>
                                        @foreach ($products as $r)
                                        <option value="{{ $r->medicine_tablet_id  }}">{{ $r->medicine_tablet_name.' ('.$r->medicine_tablet_short_name.')' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-lg-6 col-md-6">
                                <label class="col-sm-12 control-label">Product Seven<b style="color: red;">*</b></label>
                                <div class="col-sm-12">
                                    <select class="form-control" id="doctor_product_7" name="doctor_product[7]">
                                        <option value="">Select Product Seven</option>
                                        @foreach ($products as $r)
                                        <option value="{{ $r->medicine_tablet_id  }}">{{ $r->medicine_tablet_name.' ('.$r->medicine_tablet_short_name.')' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="doctor-detail-modal">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content bg-light">
            <div class="modal-header">
                <h4 class="modal-title">View Doctor Record</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="load-wrap">
                <div class="spinner-grow text-secondary" role="status">
                    <span class="sr-only">Loading...</span>
                </div>
            </div>
            <div class="modal-body js-box-body" style="display: none;">
                <div class="form-group">
                    <label class="control-label mr-2"> BE Name : </label> <span class="js-be_name"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Position Code : </label> <span class="js-user_pos_code"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor Name : </label> <span class="js-doctor_name"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor MSL No : </label> <span class="js-doctor_msl_no"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor Speciality : </label> <span class="js-doctor_speciality"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor Speciality Code : </label> <span class="js-doctor_speciality_code"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor Email : </label> <span class="js-doctor_email"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor Mobile No. : </label> <span class="js-doctor_mobile_no"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor Category : </label> <span class="js-doctor_category"></span><br>
                </div>
                {{-- <div class="form-group">
                        <label class="control-label mr-2"> Doctor CCM : </label> <span class="js-doctor_ccm"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> Doctor Target Brand : </label> <span class="js-doctor_target_brand"></span><br>
                    </div> --}}
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor Chemist One : </label> <span class="js-doctor_chemist_one"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor Chemist Two : </label> <span class="js-doctor_chemist_two"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Pat Or Day : </label> <span class="js-doctor_pat_or_day"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor Campaign 1 : </label> <span class="js-campaign_name1"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor Campaign 2 : </label> <span class="js-campaign_name2"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Doctor Campaign 3 : </label> <span class="js-campaign_name3"></span><br>
                </div>
                <div class="form-group">
                    <label class="control-label mr-2"> Status : </label><span class="badge badge-warning js-doctor_status"></span>
                </div>
                <div class="product-list">

                </div>
            </div>
        </div>
    </div>
</div>

{{-- BASIC DETAIL --}}
<div class="modal fade" id="import-doctor-basic-detail">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content bg-light">
            <div class="modal-header">
                <h4 class="modal-title">Import Doctor Basic Detail</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form enctype="multipart/form-data" action="javascript:;" id="frm-doctor-basic-detail-import">
                <div class="modal-body">
                    <div class="alert alert-danger" style="display:none;"></div>
                    <div class="custom-file mt-2">
                        <input type="file" class="custom-file-input" id="importDoctorBasicDetail" name="importDoctorBasicDetail">
                        <label class="custom-file-label" for="importDoctorBasicDetail">Choose file</label>
                    </div>
                    <a href="{{ url('import/doctor-basic-details.xlsx') }}" class=""> Download Sample <i class="fa fa-download ms-1"></i></a>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- DOCTOR MSL --}}
<div class="modal fade" id="import-doctor-msl">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content bg-light">
            <div class="modal-header">
                <h4 class="modal-title">Import Doctor MSL</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form enctype="multipart/form-data" action="javascript:;" id="frm-doctor-msl-import">
                <div class="modal-body">
                    <div class="alert alert-danger" style="display:none;"></div>
                    <div class="custom-file mt-2">
                        <input type="file" class="custom-file-input" id="importDoctorMsl" name="importDoctorMsl">
                        <label class="custom-file-label" for="importDoctorMsl">Choose file</label>
                    </div>
                    <a href="{{ url('import/doctor-msl-upload.xlsx') }}" class=""> Download Sample <i class="fa fa-download ms-1"></i></a>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- DOCTOR PRODUCT --}}
<div class="modal fade" id="import-doctor-products">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content bg-light">
            <div class="modal-header">
                <h4 class="modal-title">Import Doctor Product</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form enctype="multipart/form-data" action="javascript:;" id="frm-doctor-products-import">
                <div class="modal-body">
                    <div class="alert alert-danger" style="display:none;"></div>
                    <div class="custom-file mt-2">
                        <input type="file" class="custom-file-input" id="importDoctorProducts" name="importDoctorProducts">
                        <label class="custom-file-label" for="importDoctorProducts">Choose file</label>
                    </div>
                    <a href="{{ url('import/doctor-product-selection.xlsx') }}" class=""> Download Sample <i class="fa fa-download ms-1"></i></a>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- VISIT DATA --}}
<div class="modal fade" id="import-visit-data">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content bg-light">
            <div class="modal-header">
                <h4 class="modal-title">Import Visit Data</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form enctype="multipart/form-data" action="javascript:;" id="frm-visit-data-import">
                <div class="modal-body">
                    <div class="alert alert-danger" style="display:none;"></div>
                    <div class="custom-file mt-2">
                        <input type="file" class="custom-file-input" id="importvisitData" name="importvisitData">
                        <label class="custom-file-label" for="importvisitData">Choose file</label>
                    </div>
                    <a href="{{ url('import/visit.csv') }}" class=""> Download Sample <i class="fa fa-download ms-1"></i></a>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- CAMPAIGN DATA --}}
<div class="modal fade" id="import-campaign-data">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content bg-light">
            <div class="modal-header">
                <h4 class="modal-title">Import Campaing Data</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form enctype="multipart/form-data" action="javascript:;" id="frm-campaign-import">
                <div class="modal-body">
                    <div class="alert alert-danger" style="display:none;"></div>
                    <div class="custom-file mt-2">
                        <input type="file" class="custom-file-input" id="importCampaignData" name="importCampaignData">
                        <label class="custom-file-label" for="importCampaignData">Choose file</label>
                    </div>
                    <a href="{{ url('import/campaign.xlsx') }}" class=""> Download Sample <i class="fa fa-download ms-1"></i></a>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('custom-js')
<script>
    $(document).ready(function() {
        $("#frm-doctor").validate({
            rules: {
                user_id: {
                    required: true,
                },
                doctor_name: {
                    required: true,
                },
                doctor_msl_no: {
                    required: true,
                },
                doctor_speciality_code: {
                    required: true,
                },
                doctor_speciality: {
                    required: true,
                },
                doctor_category: {
                    required: true,
                },
                // doctor_ccm: {
                //     required: true,
                // },
                // doctor_target_brand: {
                //     required: true,
                // },
                doctor_chemist_one: {
                    required: true,
                },
                // doctor_chemist_two: {
                //     required: true,
                // },
                doctor_pat_or_day: {
                    required: true,
                },
                // 'doctor_product[1]': {
                //     required: true,
                // },
                // 'doctor_product[2]': {
                //     required: true,
                // },
                // 'doctor_product[3]': {
                //     required: true,
                // },
                // 'doctor_product[4]': {
                //     required: true,
                // },
                // 'doctor_product[5]': {
                //     required: true,
                // },
            },
        });

        $("#frm-doctor-basic-detail-import").validate({
            rules: {
                importDoctorBasicDetail: {
                    required: true,
                },
            },
        });

        $("#frm-doctor-msl-import").validate({
            rules: {
                importDoctorMsl: {
                    required: true,
                },
            },
        });

        $("#frm-doctor-products-import").validate({
            rules: {
                importDoctorProducts: {
                    required: true,
                },
            },
        });

        $("#frm-visit-data-import").validate({
            rules: {
                importvisitData: {
                    required: true,
                },
            },
        });

        $(document).on('click', '.js-edit-doctor', function() {
            $('#edit-doctor').find('.js-box-body').hide();
            $('#edit-doctor').find('.load-wrap').show();
            $('#edit-doctor').modal('show');
            $('#edit-doctor').find('.alert').html('').hide();
            $('#frm-doctor').find('input[typ="submit"]').text('Submit').prop("disabled", false);

            var id = $(this).attr('data-id');
            $.ajax({
                url: "{{ url('/doctors') }}/" + id,
                method: 'GET',
                data: {},
                success: function(obj) {
                    if (obj.code == 1) {
                        $('#frm-doctor').find('#user_id').val(obj.record.user_id);
                        $('#frm-doctor').find('input[name="doctor_name"]').val(obj.record.doctor_name);
                        $('#frm-doctor').find('input[name="doctor_msl_no"]').val(obj.record.doctor_msl_no);
                        $('#frm-doctor').find('input[name="doctor_speciality_code"]').val(obj.record.doctor_speciality_code);
                        $('#frm-doctor').find('input[name="doctor_speciality"]').val(obj.record.doctor_speciality);
                        $('#frm-doctor').find('input[name="doctor_category"]').val(obj.record.doctor_category);
                        //$('#frm-doctor').find('input[name="doctor_ccm"]').val(obj.record.doctor_ccm);
                        //$('#frm-doctor').find('input[name="doctor_target_brand"]').val(obj.record.doctor_target_brand);
                        $('#frm-doctor').find('input[name="doctor_chemist_one"]').val(obj.record.doctor_chemist_one);
                        $('#frm-doctor').find('input[name="doctor_chemist_two"]').val(obj.record.doctor_chemist_two);
                        $('#frm-doctor').find('input[name="doctor_pat_or_day"]').val(obj.record.doctor_pat_or_day);

                        obj.record.products.map(function(v, k) {
                            $('#frm-doctor').find('#group_id').val(v.group_id);
                            $('#frm-doctor').find('#doctor_product_' + (k + 1)).val(v.productId);
                        });

                        $('#frm-doctor').attr('data-id', id);
                        $('#edit-doctor').find('.load-wrap').hide();
                        $('#edit-doctor').find('.js-box-body').show();
                    }
                }
            });
        });

        $(document).on('click', '.js-info-doctor', function() {

            $('#doctor-detail-modal').find('.js-box-body').hide();
            $('#doctor-detail-modal').find('.load-wrap').show();
            $('#doctor-detail-modal').modal('show');

            var id = $(this).attr('data-id');
            $.ajax({
                url: "{{ url('/doctors') }}/" + id,
                method: 'GET',
                data: {},
                success: function(obj) {
                    if (obj.code == 1) {
                        var temp = $('#doctor-detail-modal');

                        temp.find('.js-be_name').text(obj.record.user.user_name ? 'BE-' + obj.record.user.user_name : '-');
                        temp.find('.js-user_pos_code').text(obj.record.user_pos_code ? obj.record.user_pos_code : '-');
                        temp.find('.js-doctor_name').text(obj.record.doctor_name ? obj.record.doctor_name : '-');
                        temp.find('.js-doctor_msl_no').text(obj.record.doctor_msl_no ? obj.record.doctor_msl_no : '-');
                        temp.find('.js-doctor_speciality').text(obj.record.doctor_speciality ? obj.record.doctor_speciality : '-');
                        temp.find('.js-doctor_speciality_code').text(obj.record.doctor_speciality_code ? obj.record.doctor_speciality_code : '-');
                        temp.find('.js-doctor_email').text(obj.record.doctor_email ? obj.record.doctor_email : '-');
                        temp.find('.js-doctor_mobile_no').text(obj.record.doctor_mobile_no ? obj.record.doctor_mobile_no : '-');
                        temp.find('.js-doctor_category').text(obj.record.doctor_category ? obj.record.doctor_category : '-');
                        //temp.find('.js-doctor_ccm').text(obj.record.doctor_ccm ? obj.record.doctor_ccm : '-');
                        //temp.find('.js-doctor_target_brand').text(obj.record.doctor_target_brand ? obj.record.doctor_target_brand : '-');
                        temp.find('.js-doctor_chemist_one').text(obj.record.doctor_chemist_one ? obj.record.doctor_chemist_one : '-');
                        temp.find('.js-doctor_chemist_two').text(obj.record.doctor_chemist_two ? obj.record.doctor_chemist_two : '-');
                        temp.find('.js-doctor_pat_or_day').text(obj.record.doctor_pat_or_day ? obj.record.doctor_pat_or_day : '-');
                        temp.find('.js-campaign_name1').text(obj.record.campaign_name1 ? obj.record.campaign_name1 : '-');
                        temp.find('.js-campaign_name2').text(obj.record.campaign_name2 ? obj.record.campaign_name2 : '-');
                        temp.find('.js-campaign_name3').text(obj.record.campaign_name3 ? obj.record.campaign_name3 : '-');
                        temp.find('.js-doctor_status').text(obj.record.doctor_status == "2" ? 'Suspended' : 'Active')

                        var html = '';
                        obj.record.products.map(function(v, k) {
                            html += '<div class="form-group"><label class="control-label mr-2"> Doctor Product ' + (k + 1) + ' : </label> <span class="">' + v.productName + '</span><br></div>';
                        });
                        temp.find('.product-list').html(html);

                        if (obj.record.doctor_status == "2") {
                            temp.find('.js-doctor_status').removeClass('badge-success');
                            temp.find('.js-doctor_status').addClass('badge-warning');
                        } else {
                            temp.find('.js-doctor_status').removeClass('badge-warning');
                            temp.find('.js-doctor_status').addClass('badge-success');
                        }
                        $('#doctor-detail-modal').find('.load-wrap').hide();
                        $('#doctor-detail-modal').find('.js-box-body').show();
                    }
                }
            });
        });

        $(document).on('submit', '#frm-doctor', function() {
            var that = $(this);
            that.find('.alert').html('').hide();

            if (that.valid()) {
                that.find('button').text('Processing...');
                that.find('button').prop("disabled", true);

                var formData = new FormData(that[0]);
                $.ajax({
                    url: "{{ url('/doctors/update') }}/" + that.attr('data-id'),
                    method: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    cache: false,
                    success: function(obj) {
                        that.find('button').text('Submit');
                        that.find('button').prop("disabled", false);
                        if (obj.code == 1) {
                            window.location.reload();
                        } else {
                            var html = '';
                            obj.message.map(function(v) {
                                html += '<p>' + v + '</p>'
                            })
                            that.find('.alert').html(html).show();
                        }
                    }
                });
            }
        });

        $(document).on('click', '.js-status-change', function() {
            var id = $(this).attr('data-id');
            var that = $(this);
            $.ajax({
                url: "{{ url('/doctors/status') }}/" + id,
                method: 'POST',
                data: {},
                success: function(obj) {
                    if (obj.status == "2") {
                        that.text("Suspended").removeClass('badge-success');
                        that.addClass('badge-warning');
                    } else {
                        that.text("Active").removeClass('badge-warning');
                        that.addClass('badge-success');
                    }
                }
            });
        });

        // IMPORT
        $(document).on('click', '.js-doc-basic-detail', function() {
            $('#frm-doctor-basic-detail-import')[0].reset();
            $('#frm-doctor-basic-detail-import').find('.alert').html('').hide();
            $('#frm-doctor-basic-detail-import').find('button').text('Submit').prop("disabled", false);
            $('#frm-doctor-basic-detail-import').find('.custom-file-label').text('Choose file');
            $('#import-doctor-basic-detail').modal('show');
        });

        $(document).on('click', '.js-doc-msl', function() {
            $('#frm-doctor-msl-import')[0].reset();
            $('#frm-doctor-msl-import').find('.alert').html('').hide();
            $('#frm-doctor-msl-import').find('button').text('Submit').prop("disabled", false);
            $('#frm-doctor-msl-import').find('.custom-file-label').text('Choose file');
            $('#import-doctor-msl').modal('show');
        });

        $(document).on('click', '.js-doc-products', function() {
            $('#frm-doctor-products-import')[0].reset();
            $('#frm-doctor-products-import').find('.alert').html('').hide();
            $('#frm-doctor-products-import').find('button').text('Submit').prop("disabled", false);
            $('#frm-doctor-products-import').find('.custom-file-label').text('Choose file');
            $('#import-doctor-products').modal('show');
        });

        $(document).on('click', '.js-campaign-data', function() {
            $('#frm-campaign-import')[0].reset();
            $('#frm-campaign-import').find('.alert').html('').hide();
            $('#frm-campaign-import').find('button').text('Submit').prop("disabled", false);
            $('#frm-campaign-import').find('.custom-file-label').text('Choose file');
            $('#import-campaign-data').modal('show');
        });

        $(document).on('click', '.js-visit-data', function() {
            $('#frm-visit-data-import')[0].reset();
            $('#frm-visit-data-import').find('.alert').html('').hide();
            $('#frm-visit-data-import').find('button').text('Submit').prop("disabled", false);
            $('#frm-visit-data-import').find('.custom-file-label').text('Choose file');
            $('#import-visit-data').modal('show');
        });

        $(document).on('submit', '#frm-doctor-basic-detail-import, #frm-doctor-msl-import, #frm-doctor-products-import, #frm-visit-data-import, #frm-campaign-import', function() {
            var that = $(this);
            that.find('.alert').html('').hide();

            if (that.valid()) {
                that.find('button').text('Processing...');
                that.find('button').prop("disabled", true);

                var formData = new FormData(that[0]);

                var url = "";
                if (that.attr('id') == 'frm-doctor-basic-detail-import')
                    url = "{{ url('/doctors/basic-import') }}";
                else if (that.attr('id') == 'frm-doctor-msl-import')
                    url = "{{ url('/doctors/msl-import') }}";
                else if (that.attr('id') == 'frm-doctor-products-import')
                    url = "{{ url('/doctors/product-import') }}";
                else if (that.attr('id') == 'frm-visit-data-import')
                    url = "{{ url('/doctors/visit-import') }}";
                else if (that.attr('id') == 'frm-campaign-import')
                    url = "{{ url('/doctors/campaign-import') }}";

                $.ajax({
                    url: url,
                    method: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    cache: false,
                    success: function(obj) {
                        that.find('button').text('Submit');
                        that.find('button').prop("disabled", false);

                        if (obj.code == 1) {
                            window.location.reload();
                        } else {
                            that.find('.alert').html(obj.message).show();
                        }
                    },
                    error: function(request, status, error) {
                        that.find('button').text('Submit');
                        that.find('button').prop("disabled", false);

                        that.find('.alert').html('Something went wrong please try after some time').show();
                    }
                });
            }
        });
    });
</script>
@endsection