@extends('admin.layout')
@section('main')
    <div class="content-header row">
    </div>
    <div class="content-body">
        <section class="app-user-view">
            <!-- User Card & Plan Starts -->
            <div class="row">
                <!-- User Card starts-->
                <div class="col-xl-12 col-lg-12 col-md-12">
                    <div class="card user-card border-primary">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-xl-3 col-lg-3 d-flex  my-auto flex-column justify-content-left border-container-lg my-auto"
                                    style="border-right:1px solid #eee">
                                    <div class="user-avatar-section ">
                                        <div class="text-center d-flex">
                                            <div class="user_avtar" height="104" width="104">
                                                {{ ($ActivityAssign['doctor']['vFname'][0] ?? '') . ($ActivityAssign['doctor']['vLname'][0] ?? '') }}
                                            </div>
                                            <div class="d-flex align-items-center justify-content-start ml-2">
                                                <div class="user-info mb-1 mt-1">
                                                    <h2 class="mb-1 text-left">
                                                        {{ $ActivityAssign['doctor']['vFname'] . ' ' . $ActivityAssign['doctor']['vLname'] }}
                                                    </h2>
                                                    <h5 class="card-text text-left"><label
                                                            class="badge badge-light-primary">{{ $ActivityAssign['doctor']['vSpeciality'] }}</label>
                                                    </h5>
                                                </div>

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

                                </div>
                                <div class="col-xl-3 col-lg-3 my-auto " style="border-right:1px solid #eee">
                                    <div class="user-info-wrapper">
                                        <div class="d-flex flex-wrap">
                                            <div class="user-info-title">
                                                <i data-feather="codepen" class="mr-1"></i>
                                                <span class="card-text user-info-title font-weight-bold mb-0">SC
                                                    Code:</span>
                                            </div>
                                            <p class="card-text mb-0 ml-2">{{ $ActivityAssign['doctor']['vSCCode'] }}</p>
                                        </div>
                                        <div class="d-flex flex-wrap my-50">
                                            <div class="user-info-title">
                                                <i data-feather="user-check" class="mr-1"></i>
                                                <span class="card-text user-info-title font-weight-bold mb-0">Center
                                                    Code:</span>
                                            </div>
                                            {{-- <p class="card-text mb-0 ml-2">{{ $ActivityAssign['vCentralCode'] }}</p> --}}
                                            <p class="card-text mb-0 ml-2">-</p>
                                        </div>


                                    </div>
                                </div>
                                <div class="col-xl-3 col-lg-3 my-auto" style="border-right:1px solid #eee">
                                    <div class="user-info-wrapper">
                                        <div class="d-flex flex-wrap my-50">
                                            <div class="user-info-title">
                                                <i data-feather="star" class="mr-1"></i>
                                                <span class="card-text user-info-title font-weight-bold mb-0">DCS
                                                    ID:</span>
                                            </div>
                                            <p class="card-text mb-0 ml-2">{{ $ActivityAssign['vDcsID'] }}</p>
                                        </div>
                                        <div class="d-flex flex-wrap my-50">
                                            <div class="user-info-title">
                                                <i data-feather="phone" class="mr-1"></i>
                                                <span class="card-text user-info-title font-weight-bold mb-0">Mobile
                                                    Number : </span>
                                            </div>
                                            <p class="card-text mb-0 ml-2">
                                                {{ $ActivityAssign['vMobile'] }}
                                            </p>
                                        </div>

                                    </div>
                                </div>
                                <div class="col-xl-3 col-lg-3  my-auto">
                                    <div class="user-info-wrapper">
                                        <div class="d-flex flex-wrap">
                                            <div class="user-info-title">
                                                <i data-feather="mail" class="mr-1"></i>
                                                <span class="card-text user-info-title font-weight-bold mb-0">Email:</span>
                                            </div>
                                            <p class="card-text mb-0 ml-2">
                                                {{ $ActivityAssign['vEmail'] }}
                                            </p>
                                        </div>
                                        <div class="d-flex flex-wrap my-50">
                                            <div class="user-info-title">
                                                <i data-feather="check" class="mr-1"></i>
                                                <span class="card-text user-info-title font-weight-bold mb-0">PAN
                                                    Number</span>
                                            </div>
                                            <p class="card-text mb-0 ml-2">
                                                {{ $ActivityAssign['doctor']['vDcsPanNumber'] != '' ? $ActivityAssign['doctor']['vDcsPanNumber'] : $ActivityAssign['doctor']['vPANNumber'] }}
                                            </p>
                                        </div>

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

                        </div>
                    </div>

                </div>

                <!-- information starts -->
                <div class="col-lg-4">

                    <div class="card">
                        <div class="card-header  bg-primary py-1">
                            <h4 class="card-title text-white">Activity Tracking</h4>
                        </div>
                        <div class="card-body py-1">
                            <ul class="timeline">
                                                                @foreach ($ActivityAssign['timeline'] as $key => $value)
                                    <li class="timeline-item timeline-point-{{ config('custome.colors')[$color] }}">
                                        <span class="timeline-point timeline-point-{{ config('custome.colors')[$color] }}">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                                stroke-linecap="round" stroke-linejoin="round" class="feather feather-user">
                                                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="12" cy="7" r="4"></circle>
                                            </svg>
                                        </span>
                                        <div class="timeline-event">
                                            <div class="d-flex justify-content-between flex-sm-row flex-column mb-sm-0">
                                                
                                                



                                                <h5 class="mb-0 font-weight-bold">
                                                    {{ $title == '' ? 'Activity ' . $value['eType'] . 'By' : $title }}<label
                                                        class="badge badge-light-primary">{{ $role }}</label>
                                                </h5>

                                                <span
                                                    class="timeline-event-time">{{ fulldatetime($value['created_at']) }}</span>
                                            </div>
                                                                                    </div>
                                    </li>
                                                                    @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- information Ends -->


                <div class="col-lg-8" style="">
                    <div class="card">
                        <div class="card-header bg-primary py-1">
                            <h3 class="card-title font-weight-bold text-white">
                                {{ $ActivityAssign['activity']['activity_type']['vActivityType'] }}
                                ({{ $ActivityAssign['activity']['vActivity'] }})</h3>
                        </div>
                        <div class="row p-1">
                            <div class="col-lg-5 py-1">
                                <div class="card card-transaction">


                                    @if ($ActivityAssign['activity']['activity_type']['vActivityType'] == 'PMS')
                                        <div class="card-body p-0">
                                            <ul class="nav nav-pills nav-fill">
                                                @for ($k = 1; $k <= $ActivityAssign['dPatientOrHours']; $k++)
                                                    <li class="nav-item">
                                                        <a class="nav-link spaSlug {{ in_array($k, $ActivityAssign['patient'][0]['patient_no_arr']) ? 'active' : '' }}"
                                                            href="{{ in_array($k, $ActivityAssign['patient'][0]['patient_no_arr']) &&auth()->user()->can('pms_view')? route('division.dcsid.search.patient', [$iActivityAssignID, $k]): 'javascript:void(0)' }}"
                                                            aria-expanded="true">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="14"
                                                                height="14" viewBox="0 0 24 24" fill="none"
                                                                stroke="currentColor" stroke-width="2"
                                                                stroke-linecap="round" stroke-linejoin="round"
                                                                class="feather feather-user font-medium-3 me-50">
                                                                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                                                <circle cx="12" cy="7" r="4">
                                                                </circle>
                                                            </svg>
                                                            Patient {{ $k }}</a>
                                                    </li>
                                                @endfor
                                            </ul>
                                        </div>
                                    @endif



@if($ActivityAssign['activity']['activity_type']['vActivityType'] == 'MRS' || $ActivityAssign['activity']['activity_type']['vActivityType'] == 'Brand MRS')
                                    <div class="card-body p-0">
                                        <ul class="nav nav-pills nav-fill">

                                                <li class="nav-item">
                                                    <a class="nav-link spaSlug {{ in_array('0', $ActivityAssign['patient'][0]['patient_no_arr']) ? 'active' : '' }}"
                                                        href="{{ in_array('0', $ActivityAssign['patient'][0]['patient_no_arr']) &&auth()->user()->can('rs_view')? route('division.dcsid.search.patient', [$iActivityAssignID, 0]): 'javascript:void(0)' }}"
                                                        aria-expanded="true">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="14"
                                                            height="14" viewBox="0 0 24 24" fill="none"
                                                            stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                                            stroke-linejoin="round"
                                                            class="feather feather-user font-medium-3 me-50">
                                                            <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                                            <circle cx="12" cy="7" r="4">
                                                            </circle>
                                                        </svg>
                                                        Survey data </a>
                                                </li>

                                        </ul>
                                    </div>

@endif
                                </div>
                            </div>
                            <div class="col-lg-7 py-1">
                                <div class="card card-transaction "
                                    style="box-shadow:0 0px 5px 0 rgba(0,0,0,0.1) !important">

                                    <div class="card-body ">

                                                                                @foreach ($ActivityAssign['steps'] as $key => $value)
                                            <div class="transaction-item">
                                                <div class="d-flex flex-row align-items-center">
                                                    <div
                                                        class="avatar bg-light-{{ config('custome.colors')[$doc2] }} rounded">
                                                        <div class="avatar-content">
                                                            <i class="{{ config('custome.doc_icons')[$doc2] }}"></i>
                                                        </div>
                                                    </div>
                                                    <div class="transaction-info">
                                                        <h6 class="transaction-title">{{ $value['stepmaster']['vStep'] }}
                                                        </h6>

                                                    </div>
                                                </div>
                                                <div class="fw-bolder text-danger">
                                                    @if ($value['eStatus'] == 'Pending')
                                                        <button
                                                            class="btn btn-warning waves-effect waves-float waves-light"
                                                            style="padding: 7px;font-size: 12px;"><i
                                                                class="fa fa-hourglass mr-1"></i>
                                                            Pending</button>
                                                    @else
                                                        @if (
                                                            ($value['stepmaster']['eType'] == 'pan' &&
                                                                auth()->user()->can('pan_view')) ||
                                                                ($value['stepmaster']['eType'] == 'gst' &&
                                                                    auth()->user()->can('gst_view')) ||
                                                                ($value['stepmaster']['eType'] == 'bank' &&
                                                                    auth()->user()->can('bank_cheque_view')) ||
                                                                ($value['stepmaster']['eType'] == 'consent' &&
                                                                    auth()->user()->can('document_cheque_view')))
                                                            <button
                                                                onclick="stepData('{{ Crypt::encrypt($ActivityAssign['iActivityAssignID']) }}','{{ Crypt::encrypt($value['iActivityAssignStepStatusID']) }}')"
                                                                class="btn btn-success"
                                                                style="padding: 7px;font-size: 12px;"><i
                                                                    class="fa fa-eye mr-1"></i>
                                                            </button>
                                                            @if (
                                                                $value['stepmaster']['eType'] == 'consent' &&
                                                                    auth()->user()->can('document_cheque_view'))
                                                                <button
                                                                    class="btn btn-primary waves-effect waves-float waves-light me-2"
                                                                    onclick="consultancyAgreementData('{{ Crypt::encrypt($ActivityAssign['iActivityAssignID']) }}','{{ Crypt::encrypt($value['iActivityAssignStepStatusID']) }}')"
                                                                    style="padding: 7px;font-size: 12px;">Record
                                                                    History</button>
                                                            @endif


                                                    @endif
                                                        {{-- <a class="btn btn-success"
                                                            href="{{ isset($value['step_data'][0]['bDocument']) ? 'data:application/pdf;base64,' . $value['step_data'][0]['bDocument'] : 'javascript:void(0)' }}"
                                                            download="{{ $value['stepmaster']['vStep'] }}.pdf"
                                                            style="padding: 7px;font-size: 12px;"><i
                                                                class="fa fa-download mr-1"></i>
                                                            Download</a> --}}
                                                    @endif

                                                </div>
                                            </div>
                                                                                    @endforeach

                                    </div>
                                </div>

                                <div class="card card-transaction "
                                    style="box-shadow:0 0px 5px 0 rgba(0,0,0,0.1) !important">
                                    <div class="card-header mb-1 p-1 text-center justify-content-center"
                                        style="background-color: #db644d !important;">
                                        <h5 class="my-0 text-center text-white">View & Download Study Document</h5>
                                    </div>
                                    <div class="card-body ">
                                                                                @foreach ($ActivityAssign['activity']['documents'] as $key => $value)
                                            <div class="transaction-item">
                                                <div class="d-flex flex-row align-items-center">
                                                    <div
                                                        class="avatar bg-light-{{ config('custome.colors')[$doc] }} rounded">
                                                        <div class="avatar-content">
                                                            <i class="{{ config('custome.doc_icons')[$doc] }}"></i>
                                                        </div>
                                                    </div>
                                                    <div class="transaction-info">
                                                        <h6 class="transaction-title">{{ $value['vDocument_label'] }}
                                                        </h6>

                                                    </div>
                                                </div>
                                                <div class="fw-bolder text-danger">
                                                    @if ($value['eType'] == 'Static')
                                                        <a href="{{ asset('documents/' . $value['vPath']) }}"
                                                            download="{{ $value['vDocument_label'] }}.pdf"
                                                            class="btn btn-success"
                                                            style="padding: 7px;font-size: 12px;"><i
                                                                class="fa fa-download mr-1"></i>
                                                            Download</a>
                                                    @else
                                                        <button
                                                            onclick="downloaddocument('{{ $value['vVeriables'] }}','{{ $iActivityAssignID }}')"
                                                            class="btn btn-success"
                                                            style="padding: 7px;font-size: 12px;"><i
                                                                class="fa fa-download mr-1"></i>
                                                            Download</button>
                                                    @endif
                                                </div>
                                            </div>
                                                                                    @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-7 py-1">
                            <div class="card card-transaction " style="box-shadow:0 0px 5px 0 rgba(0,0,0,0.1) !important">

                                <div class="card-body ">

                                    <div class="card-header  bg-primary py-1">
                                        @if (auth()->user()->can('metis_file_logs_view'))
                                        <a
                                        class="btn btn-primary waves-effect waves-float waves-light me-2" href="{{ route('division.metis.log.contract', [$iActivityAssignID]) }}"
                                        style="padding: 7px;font-size: 12px;">Metis Data Log</a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </section>
        <!-- /Plan CardEnds -->
    </div>
    <!-- User Card & Plan Ends -->

    {{-- for document --}}
    <div class="modal fade" id="document" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content" id="document_area">
            </div>
        </div>
    </div>
    {{-- for document --}}

@endsection
@section('scripts')
    <script>
        function downloaddocument(variable, iActivityAssignID) {
            $.ajax({
                url: "{{ route('division.dcsid.search.downloadDoctordocument') }}",
                type: 'POST',
                data: {
                    "_token": "{{ csrf_token() }}",
                    Type: variable,
                    iActivityAssignID: iActivityAssignID
                },

                success: function(response) {
                    var doctorname = "";



                    var link = document.createElement('a');
                    link.href = response;

                    link.download = doctorname + '.pdf';
                    link.dispatchEvent(new MouseEvent('click'));


                }
            });
        }

        function stepData(activity_id, activity_step_status_id = '') {
            data = {
                'iActivityAssignID': activity_id,
                'iActivityAssignStepStatusID': activity_step_status_id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.activity.assign.stepSearch') }}", 'POST', data, 0, 'dataTable', 1, 0,
                'stepData_response');
        }

        function stepData_response(response) {
            $("#document_area").html(response);
            $("#document").modal('show');
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        }

        function consultancyAgreementData(activity_id, activity_step_status_id = '') {
            data = {
                'iActivityAssignID': activity_id,
                'iActivityAssignStepStatusID': activity_step_status_id,
                '_token': "{{ csrf_token() }}"
            }

            ajax_call("{{ route('division.activity.assign.consultancyAgreementData') }}", 'POST', data, 0, 'dataTable', 1,
                0,
                'consultancyAgreementData_response');
        }

        function consultancyAgreementData_response(response) {
            $("#document_area").html(response);
            $("#document").modal('show');
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        }
    </script>
@endsection