@extends('adminlte::page')

@section('title', config('adminlte.title') . ' | Medical Facts')

@section('content_header')
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 m-0 text-dark">
                <h1>Medical Facts</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Medical Facts</li>
                </ol>
            </div>
        </div>
    </div>
@stop



@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @if (session('success'))
                        <script>
                            toastr.options = {
                                "closeButton": true,
                                "debug": false,
                                "newestOnTop": false,
                                "progressBar": true,
                                "positionClass": "toast-top-right",
                                "preventDuplicates": false,
                                "onclick": null,
                                "showDuration": "300",
                                "hideDuration": "1000",
                                "timeOut": "5000",
                                "extendedTimeOut": "1000",
                                "showEasing": "swing",
                                "hideEasing": "linear",
                                "showMethod": "fadeIn",
                                "hideMethod": "fadeOut"
                            };
                            toastr.success('{{ session('success') }}');
                        </script>
                    @endif

                    <div class="row">
                        <div class="col-12">
                            <a href="{{ route('medical_facts.create') }}" class="btn btn-success mr-4"><i
                                    class="fa fa-plus"></i> Create New Medical Facts</a>
                            @if ($recycleBin->isNotEmpty())
                                @php
                                    $user = Auth::user();
                                    $RecycleCount = App\Models\MedicalFacts::onlyTrashed()
                                        ->where('employee_id', $user->id)
                                        ->count();
                                @endphp
                                <button id="recycleBinId" class="btn btn-info"><i class="fas fa-trash"></i> Open Recycle Bin
                                    <span class="badge badge-light">{{ $RecycleCount }}</span>
                                </button>
                                <script>
                                    let recycleBinOpen = true; // Initially open
                                    $('#recycleBinId').click(function() {
                                        $('#DisRecycle').toggle();
                                        if (recycleBinOpen) {
                                            $('#recycleBinId').html(
                                                '<i class="fas fa-trash"></i> Close Recycle Bin <span class="badge badge-light">{{ $RecycleCount }}</span>'
                                            );
                                        } else {
                                            $('#recycleBinId').html(
                                                '<i class="fas fa-trash"></i> Open Recycle Bin <span class="badge badge-light">{{ $RecycleCount }}</span>'
                                            );
                                        }
                                        recycleBinOpen = !recycleBinOpen; // Toggle the state
                                        $('#DisData').toggle();
                                    });
                                </script>
                            @endif
                        </div>
                    </div>
                    <hr class="bg-secondary">

                    @php
                        $medicalColl = collect($medical);
                        $total = $medicalColl->count();

                        // counts as a Collection (key => count)
                        $bySeverity = $medicalColl->countBy('severity');

                        // Ensure keys exist
                        $mild = $bySeverity->get('Mild', 0);
                        $mod = $bySeverity->get('Moderate', 0);
                        $sev = $bySeverity->get('Severe', 0);
                    @endphp

                    {{-- statistics --}}
                    <div class="row">
                        <div class="col-sm-6 col-lg-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-info"><i class="fas fa-notes-medical"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total</span>
                                    <span class="info-box-number">{{ $total }}</span>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-success"><i class="fas fa-smile"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Mild</span>
                                    <span class="info-box-number">{{ $mild }}</span>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-warning"><i class="fas fa-meh"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Moderate</span>
                                    <span class="info-box-number">{{ $mod }}</span>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-lg-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-danger"><i class="fas fa-frown"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Severe</span>
                                    <span class="info-box-number">{{ $sev }}</span>
                                </div>
                            </div>
                        </div>
                    </div>


                    {{-- Recycle Bin --}}
                    <div id="DisRecycle" style="display: none;">
                        <div class="card shadow-sm">
                            <div class="card-header bg-danger">
                                <h3 class="card-title">Recycle Bin</h3>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table id="RecycleBinBinned" class="table table-striped table-hover"
                                        style="width: 100%; table-layout: auto !important;">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Fact</th>
                                                <th>Severity</th>
                                                <th>Fact Type</th>
                                                <th>Last Updated</th>
                                                <th>Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($recycleBin as $recycledata)
                                                <tr>
                                                    <td>{{ $recycledata->id }} </td>
                                                    <td>{{ $recycledata->fact }}</td>
                                                    <td>{{ $recycledata->severity }}</td>
                                                    <td>{{ $recycledata->facttype }}</td>
                                                    <td>{{ date('d/m/Y H:i', strtotime($recycledata->updated_at)) }}</td>
                                                    <td>
                                                        <div class="btn-group">
                                                            <a href="{{ route('medical_facts.restore', ['id' => $recycledata->id]) }}"
                                                                class="btn btn-sm btn-outline-success action-btn"
                                                                title="Restore">
                                                                <i class="fas fa-trash-restore"></i>
                                                            </a>

                                                            <a href="#"
                                                                class="btn btn-sm btn-outline-danger action-btn"
                                                                data-toggle="modal"
                                                                data-target="#binmodal{{ $recycledata->id }}"
                                                                title="Delete">
                                                                <i class="fa fa-trash"></i></a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>

                                    @if (!empty($recycledata->id))
                                        <!-- Modal -->
                                        <div class="modal fade" id="binmodal{{ $recycledata->id }}" tabindex="-1"
                                            aria-labelledby="moal_Delete" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-light">
                                                        <h5 class="modal-title" id="exampleModalLabel">Delete Medical Fact:
                                                            {{ $recycledata->fact }}
                                                        </h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">

                                                        Are you sure you want to delete <b>{{ $recycledata->fact }}</b>?

                                                    </div>
                                                    <div class="modal-footer bg-light">
                                                        <button type="button" class="btn btn-secondary"
                                                            data-dismiss="modal">
                                                            <i class="fa fa-times"></i>
                                                            Close</button>
                                                        <a href="{{ route('medical_facts.empty', ['id' => $recycledata->id]) }}"
                                                            class="btn btn-danger">
                                                            <i class="fa fa-trash-alt"></i>
                                                            Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!-- end modal -->
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- Data --}}
                    <div id="DisData" style="display: block;">
                        <div class="card shadow-sm">
                            <div class="card-header bg-light">
                                <h3 class="card-title">Medical Records</h3>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table id="RecycleBinList" class="table table-striped table-hover"
                                        style="width: 100%; table-layout: auto !important;">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Fact</th>
                                                <th>Severity</th>
                                                <th>Fact Type</th>
                                                <th>Last Updated</th>
                                                <th>Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($medical as $med)
                                                <tr>
                                                    <td>{{ $med->id }} </td>
                                                    <td>{{ $med->fact }}</td>
                                                    <td>{{ $med->severity }}</td>
                                                    <td>{{ $med->facttype }}</td>
                                                    <td>{{ date('d/m/Y H:i', strtotime($med->updated_at)) }}</td>
                                                    <td>
                                                        <div class="btn-group">
                                                            <a href="{{ route('medical_facts.show', $med->id) }}"
                                                                class="btn btn-sm btn-outline-secondary action-btn"
                                                                title="View"><i class="fa fa-eye"></i></a>
                                                            <a href="{{ route('medical_facts.edit', $med->id) }}"
                                                                class="btn btn-sm btn-outline-primary action-btn"
                                                                title="Edit"><i class="fa fa-pen"></i></a>
                                                            <a href="#"
                                                                class="btn btn-sm btn-outline-danger action-btn"
                                                                data-toggle="modal"
                                                                data-target="#modal{{ $med->id }}" title="Delete"><i
                                                                    class="fa fa-trash"></i></a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @if (!empty($med->id))
                                                    <!-- Modal -->
                                                    <div class="modal fade" id="modal{{ $med->id }}" tabindex="-1"
                                                        aria-labelledby="moal_Delete" aria-hidden="true">
                                                        <div class="modal-dialog modal-dialog-centered">
                                                            <div class="modal-content">
                                                                <div class="modal-header bg-light">
                                                                    <h5 class="modal-title" id="deleteModalLabel">Move:
                                                                        {{ $med->fact }}
                                                                        to
                                                                        the recycle bin
                                                                    </h5>
                                                                    <button type="button" class="close"
                                                                        data-dismiss="modal" aria-label="Close">
                                                                        <span aria-hidden="true">&times;</span>
                                                                    </button>
                                                                </div>
                                                                <div class="modal-body">

                                                                    Are you sure you want to move
                                                                    <b>{{ $med->fact }}</b> to the
                                                                    recyle
                                                                    bin?

                                                                </div>
                                                                <div class="modal-footer bg-light">
                                                                    <button type="button" class="btn btn-secondary"
                                                                        data-dismiss="modal">
                                                                        <i class="fa fa-times"></i>
                                                                        No, Keep it</button>
                                                                    <form
                                                                        action="{{ route('medical_facts.destroy', $med->id) }}"
                                                                        method="POST">
                                                                        @csrf
                                                                        @method('DELETE')
                                                                        <button type="submit" class="btn btn-danger">
                                                                            <i class="fa fa-trash-alt"></i>
                                                                            Yes</button>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            @endforeach
                                        </tbody>
                                    </table>
                                    <script>
                                        $(document).ready(function() {
                                            $('#RecycleBinList').DataTable({

                                            });

                                            $('#RecycleBinBinned').DataTable({

                                            });

                                            $(function() {
                                                $('[data-toggle="tooltip"]').tooltip()
                                            })

                                            $('.action-btn').hover(function() {
                                                $(this).tooltip('show');
                                            }, function() {
                                                $(this).tooltip('hide');
                                            });
                                        });
                                    </script>

                                    <!-- end modal -->
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
@stop

@section('footer')
    &nbsp;
@stop