@extends('admin.layout')
@section('main')
    <div class="content-header row">
    </div>
    <div class="content-body">
        <section class="app-user-view">
            <div class="row">
                <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">
                                                {{ ($DoctorData->vFname[0] ?? '') . ($DoctorData->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">
                                                        {{ $DoctorData->vFname . ' ' . $DoctorData->vLname }}
                                                    </h2>
                                                    <h5 class="card-text text-left"><label
                                                            class="badge badge-light-primary">{{ $DoctorData->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">{{ $DoctorData->vSCCode }}</p>
                                            <input type="hidden" name="vSCCode" id="vSCCode" value="{{$DoctorData->vSCCode}}">
                                        </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="phone" class="mr-1"></i>
                                                <span class="card-text user-info-title font-weight-bold mb-0">Mobile : </span>
                                            </div>
                                            <p class="card-text mb-0 ml-2">{{ $vMobile }}</p>
                                        </div>
                                        <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">
                                            {{ $vEmail }}</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">City:</span>
                                            </div>
                                            <p class="card-text mb-0 ml-2">
                                                {{ $DoctorData->vCity }}</p>
                                        </div>

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

                        </div>
                    </div>

                </div>
            </div>

            <div class="row">
                @if (Auth::user()->eRole == 'Division')
                <div class="col-xl-12 col-lg-12 col-md-12">
                    <div class="card">
                        <div class="card-header  bg-primary py-1">
                            <h4 class="card-title text-white">Activity Summary</h4>
                        </div>
                        <div class="card-body p-0">
                            <div class="table-responsive">
                            <table class="table table-striped w-100 ">
                                <thead>
                                    <tr class="text-center">
                                    <th style="background-color: #e9eaea !important;color: #db644d;">No of divisions</th>
                                    <th style="background-color: #e9eaea !important;color: #db644d;">No of Activities</th>
                                    <th style="background-color: #e9eaea !important;color: #db644d;">Total Amount</th>
                                    <th style="background-color: #e9eaea !important;color: #db644d;">Pending  Amount</th>
                                    <th style="background-color: #e9eaea !important;color: #db644d;">Release  Amount</th>
                                    </tr>
                                </thead>
                                <tbody class="text-center">
                                    <tr>
                                        <td id="NumberOfDivision"></td>
                                        <td id="ActivityAssignCount"></td>
                                        <td id="TotalAmount"></td>
                                        <td id="PendingAmount"></td>
                                        <td id="ReleasedAmount"></td>
                                    </tr>
                                </tbody>
                            </table>
                            </div>

                        </div>
                    </div>
                </div>
                @endif
                &nbsp;

                <div class="col-xl-12 col-lg-12 col-md-12">
                    <div class="card">
                        <div class="card-header bg-primary py-1">
                            <h3 class="card-title font-weight-bold text-white">Activity List</h3>
                        </div>
                        <div class="card-body p-0">
                            <div class="table-responsive">
                            <table class="table table-striped w-100" id="dataTable">
                                <thead style="background-color: none;text-align: center;">
                                    <tr>
                                        <th style="background-color: #e9eaea !important;color: #db644d;">No</th>
                                        <th style="background-color: #e9eaea !important;color: #db644d;">Division Name</th>
                                        <th style="background-color: #e9eaea !important;color: #db644d;">DCS ID</th>
                                        @if (Auth::user()->eRole != 'Field')
                                        {{-- <th style="background-color: #e9eaea !important;color: #db644d;">Center Code</th> --}}
                                        @endif
                                        <th style="background-color: #e9eaea !important;color: #db644d;">Activity Name</th>
                                        <th style="background-color: #e9eaea !important;color: #db644d;">Activity Type</th>
                                        @if (Auth::user()->eRole != 'Field')
                                        <th style="background-color: #e9eaea !important;color: #db644d;">Amount</th>
                                        <th style="background-color: #e9eaea !important;color: #db644d;">Patient Counts</th>
                                        <th style="background-color: #e9eaea !important;color: #db644d;">No of hours</th>
                                        @endif
                                        <th style="background-color: #e9eaea !important;color: #db644d;">Status</th>
                                    </tr>
                                </thead>
                                <tbody class="text-center">




                                </tbody>
                            </table>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection
@section('scripts')
    <script>


@if (Auth::user()->eRole == 'Division')
getSCCodeData();
function getSCCodeData() {
            $.ajax({
                url: "{{ route('division.sccode.search.dataview') }}",
                type: "POST",
                data: {
                    vSCCode: $('#vSCCode').val(),
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    $('#NumberOfDivision').html(result.NumberOfDivision);
                    $('#ActivityAssignCount').html(result.ActivityAssignCount);
                    $('#TotalAmount').html(result.TotalAmount);
                    $('#PendingAmount').html(result.PendingAmount);
                    $('#ReleasedAmount').html(result.ReleasedAmount);
                }
            })
        }

        $(function() {
            var columns = [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vDivision',
                    name: 'vDivision',
                    searchable: false
                },
                {
                    data: 'vDcsID',
                    name: 'vDcsID',
                },
                // {
                //     data: 'vCentralCode',
                //     name: 'vCentralCode',
                // },
                {
                    data: 'vActivity',
                    name: 'vActivity',
                    searchable: false
                },
                {
                    data: 'vActivityType',
                    name: 'vActivityType',
                    searchable: false
                },

                {
                    data: 'dContractAmount',
                    name: 'dContractAmount',
                    searchable: false
                },
                {
                    data: 'dPatientOrHours',
                    name: 'dPatientOrHours',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'dHours',
                    name: 'dHours',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'eActivityStatus',
                    name: 'eActivityStatus',
                    searchable: false
                },
            ];
            var columnDefs = [];
            getdatatable("{{ route('division.sccode.search.paginate') }}", columns, columnDefs);
        });

        function getdatatable(url, columns, columnDefs) {
            $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                bDestroy: true,
                order: [],
                "scrollX": true,
                columns: columns,
                columnDefs: columnDefs,
                ajax: {
                    method: 'post',
                    url: url,
                    data: function(d) {
                        d._token = "{{ csrf_token() }}",
                            d.vSCCode = $("#vSCCode").val()
                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();
                    $('.dt-checkboxes').click(function() {
                        if ($('[name="checkbox[]"]:checked').length > 0) {
                            $('.actionBtn').show();
                        } else {
                            $('.actionBtn').hide();
                        }
                    });

                    $('.unlock_center_code').hide();
        $('.unlock_center').hide();
        $('.center_code_div').on('click', function() {
            $(this).children('.unlock_center').toggle();
            $(this).children('.lock_center').toggle();
            $(this).children('.unlock_center_code').toggle();
        })
                }
            });
        }




@else



        $(function() {
            var columns = [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vDivision',
                    name: 'vDivision',
                    searchable: false
                },
                {
                    data: 'vDcsID',
                    name: 'vDcsID',
                },

                {
                    data: 'vActivity',
                    name: 'vActivity',
                    searchable: false
                },
                {
                    data: 'vActivityType',
                    name: 'vActivityType',
                    searchable: false
                },


                {
                    data: 'eActivityStatus',
                    name: 'eActivityStatus',
                },
            ];
            var columnDefs = [];
            getdatatable("{{ route('field.sccode.search.paginate.field') }}", columns, columnDefs);
        });

        function getdatatable(url, columns, columnDefs) {
            $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                bDestroy: true,
                order: [],
                "scrollX": true,
                columns: columns,
                columnDefs: columnDefs,
                ajax: {
                    method: 'post',
                    url: url,
                    data: function(d) {
                        d._token = "{{ csrf_token() }}",
                            d.vSCCode = $("#vSCCode").val()
                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();
                    $('.dt-checkboxes').click(function() {
                        if ($('[name="checkbox[]"]:checked').length > 0) {
                            $('.actionBtn').show();
                        } else {
                            $('.actionBtn').hide();
                        }
                    });

                    $('.unlock_center_code').hide();
        $('.unlock_center').hide();
        $('.center_code_div').on('click', function() {
            $(this).children('.unlock_center').toggle();
            $(this).children('.lock_center').toggle();
            $(this).children('.unlock_center_code').toggle();
        })
                }
            });
        }




@endif

    </script>
@endsection