@extends('layouts.master')

@section('title', 'Debtors | Alboosh - Timeless authenticity, born of the desert')

@section('title-topbar', __('basic.worker profile'))

<!-- css insert -->
@section('css')

<!-- select 2 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css"
    integrity="sha512-aD9ophpFQ61nFZP6hXYu4Q/b/USW7rpLCQLX6Bi0WJHXNO7Js/fUENpBQf/+P4NtpzNX0jSgR5zVvPOJp+W2Kg=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />

<!-- boostrap datepicker -->
<link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css" />

<!-- tables -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.2/css/dataTables.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.0.1/css/buttons.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/autofill/2.3.9/css/autoFill.bootstrap5.min.css">

@endsection



@section('fixedcontent')

<div id="add_buttn_fixed">
    <a data-bs-toggle="modal" data-bs-target="#new_record" class="text-white">
        <i class="fas fa-plus"></i>
    </a>
</div>

<!-- session successful message -->
@if (Session::has('success'))
<div id="flash-msg" class="shadow pt-3">
    <div class="d-flex justify-content-between mb-2">
        <i class="fas fs-1 fa-check"></i>
        <a id="flash-msg-btn" class="text-blue-300 clickable-item-pointer"><i class="fas fa-times"></i></a>
    </div>
    <h3>Sent Successfully</h3>
    <p class="text-blue-300">{{ Session::get('success') }}</p>
</div>
@endif

@endsection

<!-- content insert -->
@section('content')

<div class="container-fluid px-0 px-md-2 mt-3">

    <!-- page title link -->
    <div class="d-flex align-items-center justify-content-between mb-3">
        <span class="mb-0 me-1">
            <a class="link-cust-text text-gray-200 fw-light" href="{{ route('sett.home') }}">{{ __('basic.dashboard') }}
                |</a>
            <a class="text-gray-300"> {{ __('basic.worker profile') }}</a>
        </span>

        @role('Super-admin|Hr')
        <div class="d-flex justify-content-center">
            <a class=" main-color-bg text-white btn btn-sm shadow-sm b-r-l-cont p-2 px-4 me-1" data-bs-toggle="modal"
                data-bs-target="#new_record"><i class="fas fa-plus fa-sm me-1"></i> {{ __('basic.new record') }}</a>
        </div>

        <!-- Modal for paying -->
        <div class="modal fade" id="new_record" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
                <div class="modal-content b-r-s-cont border-0">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel"><i class="fas fa-clipboard me-1"></i>
                            {{ __('basic.new record') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <form class="mb-0" action="{{ route('sett.hr_create_doctor_record', $doctor->id) }}" method="POST">

                        @csrf

                        <!-- Modal content -->
                        <div class="modal-body px-5 py-3">

                            <div class="row">

                                <div class="col-12 mb-2">
                                    <label class="form-label">{{ __('basic.type') }}
                                        <small>({{ __('basic.required') }})</small></label>
                                    <select
                                        class="myselect2-record-insert myselect2-record-insert-nosearch select2-hidden-accessible @error('type') is-invalid @enderror"
                                        id="type" name="type" required>
                                        <option value="0">{{ __('basic.fine') }}</option>
                                        <option value="1">{{ __('basic.bonus') }}</option>
                                        <option value="2">{{ __('basic.promotion') }}</option>
                                        <option value="3">{{ __('basic.problem') }}</option>
                                        <option value="4">{{ __('basic.other') }}</option>
                                    </select>

                                    <span id="type_error" class="error-msg-form"></span>

                                    @error('type')
                                    <span class="error-msg-form">
                                        {{ $message }}
                                    </span>
                                    @enderror

                                </div>

                                <div class="col-12 mb-2">
                                    <label class="form-label">{{ __('basic.start') }}
                                        <small>({{ __('basic.required') }})</small></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text"><i class="bi bi-calendar2-week-fill"></i>
                                            </div>
                                        </div>
                                        <input name="start" type="text" class="form-control hasdatetimepicker "
                                            placeholder="YYYY/MM/DD" required="">
                                        <input name="doctor_id" type="hidden" value="{{ $doctor->id }}">
                                    </div>
                                    <span id="start_error" class="error-msg-form"></span>

                                    @error('start')
                                    <span class="error-msg-form">
                                        {{ $message }}
                                    </span>
                                    @enderror
                                </div>

                                <div class="col-12 mb-2">
                                    <label class="form-label">{{ __('basic.amount') }}
                                        <small>({{ __('basic.optional') }})</small></label>
                                    <input name="amount" type="number" class="form-control"
                                        placeholder="Write here the amount ..">
                                    <span id="amount_error" class="error-msg-form"></span>

                                    @error('amount')
                                    <span class="error-msg-form">
                                        {{ $message }}
                                    </span>
                                    @enderror
                                </div>

                                <div class="col-12 col-md-12 mb-2">
                                    <label class="form-label">{{ __('basic.note') }}
                                        <small>({{ __('basic.optional') }})</small></label>
                                    <textarea name="note" class="form-control " placeholder="Write here your note .."
                                        rows="4" spellcheck="false"></textarea>
                                    <span id="note_error" class="error-msg-form"></span>

                                    @error('note')
                                    <span class="error-msg-form">
                                        {{ $message }}
                                    </span>
                                    @enderror
                                </div>

                            </div>

                        </div>

                        <div class="modal-footer">
                            <div class="left-side">
                                <button type="button" class="btn btn-default btn-link" data-bs-dismiss="modal">{{
                                    __('basic.never mind') }}</button>
                            </div>
                            <div class="divider"></div>
                            <div class="right-side">
                                <button type="submit" class="btn btn-default btn-link main-color">{{ __('basic.send')
                                    }}</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>

        </div>
        @endrole


    </div>

    <div class="card card-input shadow mb-3 pb-3">
        <!-- Card Header - Dropdown -->
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 fw-bold text-gray-500"><i class="fas fa-user me-1"></i> {{ __('basic.worker profile')
                }}</h6>
        </div>

        <!-- Card Body -->
        <div class="card-body px-4 px-md-5">

            <div class="row px-0 px-md-3 px-lg-5 pt-3">

                <div class="col-8 col-md-6">

                    <div class="row mb-2">
                        <div class="d-flex align-items-center">
                            <img class="rounded-circle avatar-lg me-3"
                                src="{{ URL::asset('img/useravatar/' . $doctor->avatar) }}">
                            <div class="text-truncate">
                                <p class=" mb-0 text-xs text-gray-300">
                                    {{ $doctor->getRoleNames()[0] }}</p>
                                <a class="mb-1 fw-bold fs-5 text-gray-600 text-truncate">{{ $doctor->name }}</a>
                                <p class="mb-0 text-xs text-gray-400">{{ __('basic.id') }} <strong>
                                        {{ $doctor->id }}</strong>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-4 col-md-2 align-self-center">
                    <div class="">
                        <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.branch') }}</h6>
                        <p id="addre_final_info" class="text-gray-600 fs-6 fw-bold mb-0">
                            @if ($doctor->branch)
                            {{ $doctor->branch->name }}
                            @else
                            All
                            @endif
                        </p>
                    </div>
                </div>

                <div class="col-6 col-md-2 align-self-center">
                    <div class="">
                        <h6 class="text-gray-300 text-xs mb-1">{{ __('basic.phone') }}</h6>
                        <p id="addre_final_info" class="text-gray-600 fs-6 fw-bold mb-0">
                            {{ $doctor->phone_number }}
                        </p>
                    </div>
                </div>

                <div class="col-6 col-md-2 align-self-center">
                    <div class=" main-color-bg text-center b-r-s-cont p-2">
                        <h6 class="text-blue-300 text-xs mb-1"><i class="far fa-star"></i> {{ __('basic.rate') }}</h6>
                        <p id="addre_final_info" class="text-white fs-4 fw-bold mb-0">
                            {{ round($rate, 2) }} <small class="text-xs text-blue-300">/ 5</small>
                        </p>
                    </div>
                </div>

            </div>

            <hr>



            <ul class="nav nav-tabs mb-3" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="doctor_records-tab" data-bs-toggle="tab"
                        data-bs-target="#doctor_records" type="button" role="tab" aria-controls="doctor_records"
                        aria-selected="true" class="text-gray-500"><i class="fas fa-users me-1"></i>
                        {{ __('basic.records') }}</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="payment-tab" data-bs-toggle="tab" data-bs-target="#payment"
                        type="button" role="tab" aria-controls="payment" aria-selected="true" class="text-gray-500"><i
                            class="fas fa-wallet me-1"></i>
                        {{ __('basic.payment') }}</button>
                </li>
                <li class="nav-item" role="presentation">
                    <a href="{{ route('sett.hr_attendance', $doctor->id) }}">
                        <button class="nav-link" id="payment-tab" data-bs-toggle="tab" type="button" role="tab"
                            aria-controls="payment" aria-selected="true" class="text-gray-500"><i
                                class="fas fa-person-booth me-1"></i>
                            {{ __('basic.attendance') }}</button>
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a href="{{ route('sett.doctor_profile_comm_service_month', $doctor->id) }}">
                        <button class="nav-link" id="payment-tab" data-bs-toggle="tab" type="button" role="tab"
                            aria-controls="payment" aria-selected="true" class="text-gray-500"><i
                                class="fas fa-money-check-alt me-1"></i>
                            {{ __('basic.commission') }}</button>
                    </a>
                </li>
            </ul>

            <div class="tab-content" id="myTabContent">

                <div class="tab-pane fade show active" id="doctor_records" role="tabpanel"
                    aria-labelledby="doctor_records">

                    <ul class="list-group patient-timeline">

                        @foreach ($doctor_record as $item)
                        @if ($item->type == 0)
                        @php
                        $type_text = __('basic.fine');
                        $text_color = 'cancel-color';
                        @endphp
                        @elseif ($item->type == 1)
                        @php
                        $type_text = __('basic.bonus');
                        $text_color = 'done-color';
                        @endphp
                        @elseif ($item->type == 2)
                        @php
                        $type_text = __('basic.promotion');
                        $text_color = 'done-color';
                        @endphp
                        @elseif ($item->type == 3)
                        @php
                        $type_text = __('basic.problem');
                        $text_color = 'cancel-color';
                        @endphp
                        @elseif ($item->type == 4)
                        @php
                        $type_text = __('basic.other');
                        $text_color = 'main-color';
                        @endphp
                        @endif

                        <li class="row flex-nowrap list-group-item d-flex justify-content-between position-relative">

                            <i class="col patient-timeline-pointer fas fa-circle text-xxs mb-0 {{ $text_color }}"></i>

                            <div class="col-4 me-1">
                                <p class="text-xs text-gray-400 mb-0">
                                    {{ date('d M Y', strtotime($item->start)) }}</p>
                                <h6 class="text-s fw-bold  mb-0">{{ $type_text }}</h6>
                            </div>

                            <div class="col-6 align-self-center me-1">
                                <p class="text-xs text-gray-200 mb-0">{{ __('basic.note') }}</p>
                                <h6 class="text-s text-gray-400 pe-2"> {{ $item->note }}
                                </h6>
                            </div>

                            <div class="col-2 align-self-center me-1">
                                <p class="text-xs text-gray-200 mb-0">{{ __('basic.price') }}</p>
                                <h6 class="text-s text-gray-400"> {{ $item->amount }}
                                </h6>
                            </div>

                        </li>
                        @endforeach

                        <li class="row flex-nowrap list-group-item d-flex justify-content-between position-relative">

                            <i class="col patient-timeline-pointer fas fa-circle text-xxs mb-0 main-color"
                                style="top: 21px;"></i>

                            <div class="col me-1">
                                <p class="text-xs text-gray-400 mb-0">
                                    {{ date('d M Y', strtotime($doctor->started_work)) }}</p>
                                <h6 class="text-s fw-bold mb-0">{{ __('basic.started working') }}</h6>
                            </div>
                        </li>

                    </ul>

                </div>

                <div class="tab-pane fade" id="payment" role="tabpanel" aria-labelledby="payment-tab">
                    <div class="row px-0 my-4">

                        <div class="col-12">

                            <div class="table-responsive">
                                <table class="table display datatable-modal" id="table-debitor" width="100%"
                                    cellspacing="0">
                                    <thead>
                                        <tr>
                                            <th class="text-xs">{{ __('basic.name') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.brnahc') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.amount') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.status') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($invoice as $item)
                                        @if ($item->status == 0)
                                        @php
                                        $text_color_invoice = 'cancel-color-btn';
                                        $msg_invoice = __('basic.not paid');
                                        @endphp
                                        @elseif ($item->status == 1)
                                        @php
                                        $text_color_invoice = 'cancel-color-btn';
                                        $msg_invoice = __('basic.pending');
                                        @endphp
                                        @elseif ($item->status == 2)
                                        @php
                                        $text_color_invoice = 'done-color-btn';
                                        $msg_invoice = __('basic.installment');
                                        @endphp
                                        @elseif ($item->status == 3)
                                        @php
                                        $text_color_invoice = 'done-color-btn';
                                        $msg_invoice = __('basic.paid');
                                        @endphp
                                        @elseif ($item->status == 4)
                                        @php
                                        $text_color_invoice = 'cancel-color-btn';
                                        $msg_invoice = __('basic.refund');
                                        @endphp
                                        @endif

                                        <tr>
                                            <td class="text-truncate"><a class="text-gray-600"
                                                    href="{{ route('sett.invoice.show', $item->id) }}">
                                                    {{ $item->code }}</a>
                                            </td>

                                            <td class="text-center">
                                                {{ $item->branch->name }}
                                            </td>

                                            <td class="text-center">
                                                @if (!empty($item->paid))
                                                {{ $item->paid }} <small class="text-gray-300 text-xxxs">
                                                    EGP</small>
                                                @endif
                                            </td>

                                            <td class="text-center"> <span
                                                    class="badge rounded-pill {{ $text_color_invoice }} badge-padd-l">{{
                                                    $msg_invoice }}</span>
                                            </td>


                                        </tr>
                                        @endforeach

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

                        </div>

                    </div>
                </div>

            </div>

        </div>


    </div>

</div>

@endsection

<!-- js insert -->
@section('js')
<!-- select 2 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"
    integrity="sha512-4MvcHwcbqXKUHB6Lx3Zb5CEAVoE9u84qN+ZSMM6s7z8IeJriExrV3ND5zRze9mxNlABJ6k864P/Vl8m0Sd3DtQ=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    $(document).ready(function() {


            $(".myselect2-record-insert").select2({
                dropdownParent: $("#new_record")
            });

            //hide search
            $('.myselect2-record-insert-nosearch').select2({
                dropdownParent: $("#new_record"),
                minimumResultsForSearch: -1
            });

        })
</script>

<!-- jquery ui datepicker -->
<script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script>
    $(function() {
            $('.hasdatetimepicker').datepicker({
                todayHighlight: true,
                format: "yyyy-mm-dd",
            });
        });
</script>

<!-- -- datatables plugin -- -->
<script type="text/javascript" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap5.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/2.0.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.bootstrap5.min.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.html5.min.js"></script>

<script type="text/javascript" language="javascript"
    src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.print.min.js"></script>

<script type="text/javascript" language="javascript"
    src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.colVis.min.js"></script>


<script>
    $(document).ready(function() {

            var table = $('#table-debitor').DataTable({
                    lengthChange: false,
                    "pageLength": 5,
                    "order": [
                        [0, "ASC"]
                    ],
                    buttons: {
                        dom: {
                            button: {
                                className: 'btn btn-table-export me-0' //Primary class for all buttons
                            }
                        },
                        buttons: ['copy', 'excel', 'pdf']
                    }
                }

            );
            table.buttons().container()
                .appendTo('#table-debitor_wrapper .col-md-6:eq(0)');

        });
</script>
@endsection