@extends('layout.master')

@section('css')
    <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.min.css" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" crossorigin="anonymous">
    <link href="{{ asset('css/fileinput.css') }}" rel="stylesheet" />
    <style>
        .file-drop-zone,
        .file-preview {
            border: none;
            padding: 0;
        }

        .krajee-default.file-preview-frame .kv-file-content {
            max-width: 100%;
        }

        .krajee-default.file-preview-frame {
            width: 100%;
        }
        
        .col-sm-12.col-md-8{
            padding-left: 35px !important;
        }

    </style>
@stop

@section('content')
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="card">
                        <div class="card-header" style="background: #9abe2a ">
                            <ul data-tabs="tabs" class="nav nav-tabs pull-right">
                                <li class="nav-item">
                                    <a class="nav-link active" href="{{ url()->previous() }}">
                                        <i class="material-icons">arrow_back</i> Back
                                        <div class="ripple-container"></div>
                                    </a>
                                </li>
                            </ul>
                            <h4 class="card-title text-white">{{ 'Doctor Details' }}</h4>
                        </div>

                        <div class="card-body">
                            @if($doctor_detail->trashed())
                            <div class="row">
                                <div class="alert alert-danger w-100 d-flex align-items-center">
                                    <i class="material-icons text-light mr-3">warning</i>
                                    Doctor has been deleted
                                </div>
                            </div>
                            @endif
                            <div class="row">
                                <div class="col-md-12 col-sm-12">
                                    <div class="row">
                                        <div class="col-md-8 col-sm-12">
                                            <div class="row">
                                                <label class="col-sm-4 col-form-label">Doctor Name</label>
                                                <div class="col-sm-8">
                                                    <div class="form-group bmd-form-group">
                                                        {{ $doctor_detail->getDoctorDetails->full_name }}
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <label class="col-sm-4 col-form-label">Email</label>
                                                <div class="col-sm-8">
                                                    <div class="form-group bmd-form-group">
                                                        {{ $doctor_detail->getDoctorDetails->email }}
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <label class="col-sm-4 col-form-label">Unique Id</label>
                                                <div class="col-sm-8">
                                                    <div class="form-group bmd-form-group">
                                                        {{ $doctor_detail->unique_id }}
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <label class="col-sm-4 col-form-label">Mobile Number</label>
                                                <div class="col-sm-8">
                                                    <div class="form-group bmd-form-group">
                                                        + {{ $doctor_detail->phone_code }}
                                                        {{ $doctor_detail->mobile_number }}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <label class="col-sm-4 col-form-label">Associate Type</label>
                                                <div class="col-sm-8">
                                                    <div class="form-group bmd-form-group">

                                                        @if ($doctor_detail->trainer_type != '')
                                                            {{ $doctor_detail->trainer_type }}
                                                        @else
                                                            {{ 'Company' }}
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            @if ($assosiate != '')
                                                <div class="row">
                                                    <label class="col-sm-4 col-form-label">Associate With</label>
                                                    <div class="col-sm-8">
                                                        <div class="form-group bmd-form-group">
                                                            {{ $assosiate }}

                                                        </div>
                                                    </div>
                                                </div>
                                            @endif

                                            <div class="row">
                                                <label class="col-sm-4 col-form-label">Account Status</label>
                                                <div class="col-sm-8">
                                                    <div class="form-group bmd-form-group">
                                                        @if ($doctor_detail->getDoctorDetails->status == 1)
                                                            <div class="text-success">
                                                                <b> {{ 'Active' }} </b>
                                                            </div>
                                                        @elseif($doctor_detail->getDoctorDetails->status==2)
                                                            <div class="text-danger">
                                                                <b> {{ 'Deactive' }} </b>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <label class="col-sm-4 col-form-label">Doctor Type</label>
                                                <div class="col-sm-8">
                                                    <div class="form-group bmd-form-group">
                                                        {{                                                         !empty($doctor_detail->doctor_type) ? ucfirst($doctor_detail->doctor_type) : '---' }}
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <label class="col-sm-4 col-form-label">Per PIN Price</label>
                                                <div class="col-sm-8">
                                                    <div class="form-group bmd-form-group">

                                                        {{ is_null($doctor_detail->pin_price) || empty($doctor_detail->pin_price) ? '---' :$doctor_detail->pin_price }}

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

                                            <div class="row">
                                                <label class="col-sm-4 col-form-label">Description</label>
                                                <div class="col-sm-8">
                                                    <div class="form-group bmd-form-group">
                                                        {{                                                         !empty($doctor_detail->description) ? ucfirst($doctor_detail->description) : '---' }}
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="row">
                                                <label class="col-sm-4 col-form-label">Created At</label>
                                                <div class="col-sm-8">
                                                    <div class="form-group bmd-form-group">
                                                        {{ date(config('app.date_format_date_time'), strtotime($doctor_detail->getDoctorDetails->created_at)) }}

                                                    </div>
                                                </div>

                                            </div>
                                            
                                            @if ($doctor_detail->getDoctorDetails->role_id != 5)
                                            <div class="row">
                                                <label class="col-sm-4 col-form-label">View Pins</label>
                                                <div class="col-sm-8">
                                                    <div class="form-group bmd-form-group">

                                                        <a class="btn btn-info assosiated_pins_hostory btn-sm"  data-id="{{$doctor_detail->doctor_id}}" title="Pins History" href="javascript:void(0);"  data-url="{{route('pins.history.assosiated_pins_hostory', $doctor_detail->doctor_id) }}"> <i class="material-icons">remove_red_eye</i> </a>

                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                    
                                            
                                        </div>
                                        <div class="col-md-4 col-sm-12">


                                            <label class="col-form-label" style="margin-left: 40px;">Profile Picture</label>
                                            <div class="d-flex justify-content-center">
                                                <input type="file" id='profile_picture_link'>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Doctor Details Tab End -->


                    <!-- Doctor Documents Tab End -->
                    <div class="card">
                        <div class="card-header" style="background: #9abe2a ">
                            <ul data-tabs="tabs" class="nav nav-tabs pull-right">
                                <li class="nav-item">

                                </li>
                            </ul>
                            <h4 class="card-title text-white">{{ 'Doctor Documents' }}</h4>
                        </div>

                        <div class="card-body">
                            <div class="row">

                                <div class="col-md-6 col-sm-12">
                                    <div class="mb-3 text-center"><b>Photo Id Approval</b></div>
                                    <div class="d-flex justify-content-center">
                                        <input type="file" id='photo_id_link' style="width:100%;">
                                    </div>
                                    @if ($doctor_detail->photo_id_is_approved == 'Approved')
                                        <div class=" text-success mt-0 d-flex justify-content-center align-items-center">
                                            <b>Approved</b> <i class="bi bi-check fa-3x text-success"></i>
                                        </div>
                                    @elseif($doctor_detail->photo_id_is_approved=='Pending')
                                        <div class=" text-info mt-0 d-flex justify-content-center align-items-center">
                                            <b>Pending</b> <i class="bi bi-clock  text-secondary ml-2"></i>
                                        </div>
                                    @elseif($doctor_detail->photo_id_is_approved=='Rejected')
                                        <div class=" text-danger mt-0 d-flex justify-content-center align-items-center">
                                            <b>Rejected </b><i class="bi bi-x fa-3x text-danger"></i>
                                        </div>
                                    @else
                                        <div class=" text-info mt-0 mb-2 d-flex justify-content-center align-items-center">
                                            <b>Pending </b> <i class="bi bi-clock fa-1x text-secondary ml-2"></i>
                                        </div>
                                    @endif
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="mb-3 text-center"><b>Registration Approval</b></div>
                                    <div class="d-flex justify-content-center">
                                        <input type="file" id='registration_proof_link'>
                                    </div>
                                    @if ($doctor_detail->registration_proof_is_approved == 'Approved')
                                        <div class="text-success mt-0 d-flex justify-content-center align-items-center">
                                            <b>Approved </b><i class="bi bi-check fa-3x text-success"></i>
                                        </div>
                                    @elseif($doctor_detail->registration_proof_is_approved=='Pending')
                                        <div class="text-info mt-0 d-flex justify-content-center align-items-center">
                                            <b>Pending</b><i class="bi bi-clock fa-1x text-secondary ml-2"></i>
                                        </div>
                                    @elseif($doctor_detail->registration_proof_is_approved=='Rejected')
                                        <div class="text-danger mt-0 d-flex justify-content-center align-items-center">
                                            <b>Rejected</b> <i class="bi bi-x fa-3x text-danger"></i>
                                        </div>
                                    @else
                                        <div class="text-info mt-0 d-flex justify-content-center align-items-center">
                                            <b>Pending</b><i class="bi bi-clock fa-1x text-secondary ml-2"></i>
                                        </div>
                                    @endif
                                </div>

                            </div>
                        </div>
                    </div>
                    
                    <!-- Clinic Details Tab Start -->
                    <div class="card">
                    <div class="card-header" style="background: #9abe2a ">
                        <ul data-tabs="tabs" class="nav nav-tabs pull-right">
                            <li class="nav-item">

                            </li>
                        </ul>
                        <h4 class="card-title text-white">{{ 'Clinic Details' }}</h4>
                    </div>

                    <div class="card-body">
                        <div class="row">

                            <div class="col-md-12 col-sm-12">

                                <div class="row">
                                    <div class="col-md-8 col-sm-12">
                                        <div class="row">
                                            <label class="col-sm-4 col-form-label">Clinic Name</label>
                                            <div class="col-sm-8">
                                                <div class="form-group bmd-form-group">
                                                    {{ is_null($doctor_detail->clinic_name) || empty($doctor_detail->clinic_name) ? '---' :$doctor_detail->clinic_name }}
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <label class="col-sm-4 col-form-label">Pincode</label>
                                            <div class="col-sm-8">
                                                <div class="form-group bmd-form-group">
                                                    {{ is_null($doctor_detail->pincode) || empty($doctor_detail->pincode) ? '---' :$doctor_detail->pincode }}

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

                                        <div class="row">
                                            <label class="col-sm-4 col-form-label">Address</label>
                                            <div class="col-sm-8">
                                                <div class="form-group bmd-form-group">

                                                    {{ is_null($doctor_detail->clinic_address) || empty($doctor_detail->clinic_address) ? '---' : $doctor_detail->clinic_address }}

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


                                        <div class="row">
                                            <label class="col-sm-4 col-form-label">Country</label>

                                            <div class="col-sm-8">
                                                <div class="form-group bmd-form-group">
                                                    {{ is_null($doctor_detail->country) || empty($doctor_detail->country) ? '---' :$doctor_detail->country }}
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">

                                            <label class="col-sm-4 col-form-label">Speciality</label>
                                            <div class="col-sm-8">
                                                <div class="form-group bmd-form-group">
                                                    @if (is_null($doctor_detail->speciality) || empty($doctor_detail->speciality))
                                                        {{'---'}}
                                                    @else
                                                        @php
                                                            $speciality = explode(',', $doctor_detail->speciality);
                                                            echo implode(',   ', $speciality);
                                                        @endphp
                                                    @endif
                                                </div>
                                            </div>
                                        </div>



                                    </div>
                                    <div class="col-md-4 col-sm-12">


                                        <label class="col-form-label" style="margin-left: 20px;">Clinic Logo</label>
                                        <div class=>
                                            <div class="form-group bmd-form-group d-flex justify-content-center">
                                                <input type="file" id='clinic_logo_link'>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                    <!-- Clinic Details Tab End -->
                </div>
            </div>
            <!-- Doctor Documents Tab End -->
            
            
            @if ($doctor_detail->getDoctorDetails->role_id != 5)
            <!-- associate pins history::start -->
            <div class="modal fade" id="AssosiationUserPinHistoryModal" role="dialog" aria-labelledby="Ass" aria-hidden="true">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="AssosiationUserPinHistoryModalLabel">Pins List</h5>
                            <button type="button" class="close closeAssosiationUserPinHistoryModal" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        
                        <div class="modal-body">
                            <div class="d-flex  justify-content-center font-weight-bold">
                                <span id="purchaser_name" class="font-weight-bold">
                                    
                                    
                                    @if($doctor_detail->getDoctorDetails->role_id == 2)
                                    {{ 'Doctor' }}
                                    @else
                                    {{ '' }}
                                    @endif
                                    
                                    : {{ $doctor_detail->getDoctorDetails->username }} ({{ $doctor_detail->getDoctorDetails->email }})
                                    
                                </span>
                            </div>
                            <div class="d-flex  justify-content-center">
                                <div class="d-flex m-2">
                                    <div
                                        style="width:20px; height:20px;border-radius:50%; background:#6633ff; margin-right:8px;">
                                    </div> <strong>Used Activation Code ( {{ $used_pins }} )</strong>
                                </div>
                                <div class="d-flex m-2">
                                    <div
                                        style="width:20px; height:20px;border-radius:50%; background:green; margin-right:8px;">
                                    </div> <strong>Unused Activation Code ( {{ $un_used_pins }} )</strong>
                                </div>
                            </div>
                            
                            <table class="table" id="dataTableAssociateUserPinsList" width="100%">
                                <thead class=" text-info">
                                    <tr>
                                        <th style="width:10%">#</th>
                                        <th style="width:17%">Pin</th>
                                        <th style="width:18%">Patient Name</th>
                                        <th style="width:18%">Action</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- associate pins history::end -->
            @endif
            
        </div>
    </div>

@stop
@section('script')
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous">
    </script>
    <script src="{{ asset('js/image/fileinput.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/doctors/detail.js') }}" type="text/javascript"></script>
    <script>
        var associate_url = "{{ route('pins.history.associated_users_lists') }}",  
            assosiated_user_url="{{route('pins.history.single_associated_users_lists')}}",
            id = "{{ $doctor_detail->id }}",
            assosiated_pins_hostory = "{{ route('pins.history.assosiated_pins_hostory') }}",
            user_details = "{{ $doctor_detail }}",
            delete_unused_pin_url = "{{ route('doctors.delete_unused_pin') }}";
            ;
    </script>
    <script>
        $("#profile_picture_link").fileinput({
            overwriteInitial: true,

            @if ($doctor_detail->getDoctorDetails->profile_picture != null)
                initialPreview :"{{ $doctor_detail->profile_picture_url }}",
            @else
                initialPreview : "{{ asset('images') . '/default.png' }}",
            @endif
            initialPreviewAsData: true,
            validateInitialCount: true,
            showUpload: false,
            showPreview: true,
            showBrowse: false,
            showRemove: false,
            showCaption: false,
            showUploadStats: true,
            removeFromPreviewOnError: true,
            initialPreviewConfig: [
                @if ($doctor_detail->getDoctorDetails->profile_picture != '')
                    {
                    showRemove:false,
                    showDrag:false,
                    caption: "{{ $doctor_detail->getDoctorDetails->profile_picture }}",
                    width: '120px',
                    url: "{{ $doctor_detail->profile_picture_url }}",
                },@else
                    {
                    showRemove:false,
                    showDrag:false,
                    caption: "No profile picture",
                    width: '120px',
                    url: "{{ asset('images') . '/default.png' }}",
                    },
                @endif
            ],
            uploadUrl: '/file-upload-batch/2',
            maxFilePreviewSize: 10240
        });
        $("#photo_id_link").fileinput({
            overwriteInitial: true,

            @if ($doctor_detail->photo_id != null)
                initialPreview : "{{ $doctor_detail->photoid_url }}",
            @else
                initialPreview : "{{ asset('images') . '/default.png' }}",
            @endif
            initialPreviewAsData: true,
            validateInitialCount: true,
            showUpload: false,
            showPreview: true,
            showBrowse: false,
            showRemove: false,
            showCaption: false,
            showUploadStats: true,
            removeFromPreviewOnError: true,
            initialPreviewConfig: [
                @if ($doctor_detail->photo_id != '')
                    {
                    showRemove:false,
                    showDrag:false,
                    caption: "{{ $doctor_detail->photo_id }}",
                    width: '120px',
                    url: "{{ $doctor_detail->photoid_url }}",
                },@else
                    {
                    showRemove:false,
                    showDrag:false,
                    caption: "No Photoid Uploaded",
                    width: '120px',
                    url: "{{ asset('images') . '/default.png' }}",
                    },
                @endif
            ],
            uploadUrl: '/file-upload-batch/2',
            maxFilePreviewSize: 10240
        });
        $("#registration_proof_link").fileinput({
            overwriteInitial: true,

            @if ($doctor_detail->photo_id != null)
                initialPreview : "{{ $doctor_detail->registrationproof_url }}",
            @else
                initialPreview : "{{ asset('images') . '/default.png' }}",
            @endif
            initialPreviewAsData: true,
            validateInitialCount: true,
            showUpload: false,
            showPreview: true,
            showBrowse: false,
            showRemove: false,
            showCaption: false,
            showUploadStats: true,
            removeFromPreviewOnError: true,
            initialPreviewConfig: [
                @if ($doctor_detail->registration_proof != '')
                    {
                    showRemove:false,
                    showDrag:false,
                    caption: "{{ $doctor_detail->registration_proof }}",
                    width: '120px',
                    url: "{{ $doctor_detail->registrationproof_url }}",
                },@else
                    {
                    showRemove:false,
                    showDrag:false,
                    caption: "No Registration Proof Uploaded",
                    width: '120px',
                    url: "{{ asset('images') . '/default.png' }}",
                    },
                @endif
            ],
            uploadUrl: '/file-upload-batch/2',
            maxFilePreviewSize: 10240
        });

        $("#clinic_logo_link").fileinput({
            overwriteInitial: true,

            @if ($doctor_detail->clinic_logo != null)
                initialPreview : "{{ $doctor_detail->clinic_logo_url }}",
            @else
                initialPreview : "{{ asset('images') . '/default.png' }}",
            @endif
            initialPreviewAsData: true,
            validateInitialCount: true,
            showUpload: false,
            showPreview: true,
            showBrowse: false,
            showRemove: false,
            showCaption: false,
            showUploadStats: true,
            removeFromPreviewOnError: true,
            initialPreviewConfig: [
                @if ($doctor_detail->clinic_logo != '')
                    {
                    showRemove:false,
                    showDrag:false,
                    caption: "{{ $doctor_detail->clinic_logo }}",
                    width: '120px',
                    url: "{{ $doctor_detail->clinic_logo_url }}",
                },@else
                    {
                    showRemove:false,
                    showDrag:false,
                    caption: "No Clininc Logo Uploaded",
                    width: '120px',
                    url: "{{ asset('images') . '/default.png' }}",
                    },
                @endif
            ],
            uploadUrl: '/file-upload-batch/2',
            maxFilePreviewSize: 10240
        });
    </script>
@stop