@extends('layouts.main')

@push('scripts')
<script src="{{ asset('js/common/scripts.js') }}"></script>
@endpush

@push('styles')
<link href="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content')
<div class="row bg-title">
    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
        <h4 class="page-title">Anaesthesia details</h4>
    </div>
    <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
        <ol class="breadcrumb">
            <li><a href="{{ route('home') }}">Dashboard</a></li>
            <li><a href="{{ route('patients.index') }}">Patients</a></li>
            <li class="active">anaesthesia details</li>
        </ol>
    </div>
</div>

@php
$patient_id = session('patient_id');
$episode_id = session('episode_id');
@endphp

<div class="row">
    <div class="col-sm-12">
        @include('patients::allergies.header')
    </div>
</div>

<div class="row">
    <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
        <div class="panel panel-default">
            <div class="panel-heading">ANAESTHESIA DETAILS FOR EPISODE STARTED ON <font color="blue">{{ streamline_date(get_name($episode_id, 'id', 'created_at', 'patient_episodes')) }}</font>
                <div class="panel-action"><a href="#" data-perform="panel-collapse"><i class="ti-minus"></i></a> <a href="#" data-perform="panel-dismiss"><i class="ti-close"></i></a></div>
            </div>
            <div class="panel-wrapper collapse in">
                <div class="panel-body">
                    <div class="col-md-12">
                        <div class="table-responsive row">
                            <div class="col-md-12">
                                <table class="table table-striped table-bordered">
                                    <thead>
                                        <th>Procedure</th>
                                        <th>Surgery</th>
                                        <th>Anaesthetist</th>
                                        <th>Time Of Commencement</th>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>{{ get_name($anaesthesia_record->procedure_id, 'id', 'name', 'procedures') }}</td>
                                            <td>{!! $anaesthesia_record->surgery_id != null ? get_name($anaesthesia_record->surgery_id, 'id', 'name', 'surgeries'): '<font color="red">Not done</font>' !!}</td>
                                            <td>{{ get_name($anaesthesia_record->anaesthetist, 'id', 'first_name', 'users') }}</td>
                                            <td>{{ $anaesthesia_record->time_commenced }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
        @if(count($inpatient_info) > 0)
            <div class="panel panel-default">
                <div class="panel-heading">IN PATIENT DETAILS
                    <div class="panel-action">
                        <a href="#" data-perform="panel-collapse"><i class="ti-plus"></i></a> 
                        <a href="#" data-perform="panel-dismiss"><i class="ti-close"></i></a>
                    </div>
                </div>
                <div class="panel-wrapper collapse in table-responsive" aria-expanded="false">
                    <table class="table table-hover table-condensed table-bordered">
                        <thead>
                            <tr>
                                <th>Admitted on</th>
                                <th>Ward</th>
                                <th>Procedures</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($inpatient_info as $info)
                                <tr>
                                    <td>{{ $info->admitted_on }}</td>
                                    <td>{{ get_name($info->ward_id, 'id', 'name', 'wards') }}</td>
                                    <td>{{ get_name(unserialize($info->procedures), 'id', 'name','procedures') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @else
            <div class="panel panel-default">
                <div class="panel-heading">ORDERED PROCEDURE DETAILS
                    <div class="panel-action">
                        <a href="#" data-perform="panel-collapse"><i class="ti-minus"></i></a> 
                        <a href="#" data-perform="panel-dismiss"><i class="ti-close"></i></a>
                    </div>
                </div>
                <div class="panel-wrapper collapse in table-responsive" >
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Procedure</th>
                                <th>Performed</th>
                                <th>Created by</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ get_name($ordered_procedure->procedure_id, 'id', 'name', 'procedures') }}</td>
                                <td>{{ $ordered_procedure->perfomed == 1 ? 'Yes' : 'No' }}</td>
                                <td>{{ get_name($ordered_procedure->created_by, 'id', 'first_name', 'users') }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>
</div>
@endsection



@push('scripts')
<script src="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('js/consultation/create.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        //
    })
</script>
@endpush