@extends('layouts.main')

@push('styles')
    <link href="{{ asset('elite/bower_components/select2/select2.min.css') }}" rel="stylesheet" />
    <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-6 col-md-7 col-sm-7 col-xs-12">
        <h4 class="page-title">{{ __('pharmacy.view_ward_dispensing') }}</h4>
        </div>
        <div class="col-lg-6 col-sm-5 col-md-5 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}">{{ __('pharmacy.dashboard') }}</a></li>
                <li class="active">{{ __('pharmacy.view_ward_dispensing') }}</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
        </div>
    </div>


    <div class="row">
        <div class="col-sm-12">
            <!--Flash messages at the top -->
            @include('flash::message')
            @foreach ($errors->all() as $error)
                <div>{{ $error }}</div>
            @endforeach
            <div class="white-box">
                <div class="pull-right">
                    <a href="{{ route('pharmacy.view_ward_dispensing') }}" class="btn btn-rounded btn-primary">{{ __('pharmacy.view_ward_dispensing') }}</a>
                </div>
                <br><br><br>
                <div class="row">
                    <div class="col-sm-8">
                        {{ Form::open(['route' => 'pharmacy.ward_dispensing' , 'data-toggle' => 'validator']) }}

                        <div class="form-group">
                            {{ Form::label('drugs', __('pharmacy.select_drugs_ward_dispensing')) }}
                            {{ Form::select('drugs_to_dispense[]',$drugs,'',['id'=>'prescription-drugs','multiple'=>true,'class' => 'form-control col-sm-8 compulsory prescription-drugs']) }}
                        </div>
                          
                        <div class="submit-button">
                            {{ Form::button(__('pharmacy.confirm_drugs'),['type'=>'submit','class'=>'btn btn-rounded btn-success waves-effect waves-light m-r-10','style'=>'padding: .6rem 1.2rem;']) }}
                        </div>  
                        {{ Form::close() }}
                    </div>

                    <div class="col-sm-4">
                        @if(isset($drugs_to_dispense_collection))
                            {{ Form::open(['route' => 'pharmacy.store' , 'data-toggle' => 'validator']) }}
                            <div class="form-group">
                                {{ Form::label('ward', __('pharmacy.ward_allocation')) }}
                                {{ Form::select('ward',$wards,'',['id'=>'prescription-drugs','class' => 'form-control col-sm-8 compulsory ward_allocation','required']) }}
                            </div>

                            <div class="form-group">
                                {{ Form::label('received_by', __('pharmacy.received_by')) }}
                                {{ Form::select('received_by',$staff_array,'',['id'=>'staff_array','class' => 'form-control col-sm-8 compulsory','required']) }}
                            </div>

                            {{ Form::label('dispensation_date',__('pharmacy.date')) }}
                            <div class="input-group">
                                {{ Form::text('dispensation_date','',['class' => 'form-control compulsory', 'required','readonly','id'=>'datepicker-autoclose']) }}
                                <span class="input-group-addon"><i class="icon-calender"></i></span>                   
                            </div>
                        @endif
                    </div>
                </div>       
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="white-box">
                <div class="table-responsive">
                    <table class="table success-table table-sm table-striped table-hover">
                        <thead>
                            <tr>
                                <th style="width: 5%;">#</th>
                                <th style="width: 20%;">{{ __('pharmacy.drug') }}</th>
                                <th style="width: 20%;">{{ __('pharmacy.balance_on_ward') }}</th>
                                <th style="width: 20%;">{{ __('pharmacy.dispensed') }}</th>
                                <th style="width: 10%;">{{ __('pharmacy.total') }}</th>
                                <th style="width: 10%;">{{ __('pharmacy.stock') }}</th>
                                <th style="width: 15%;">{{ __('pharmacy.comment') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td colspan="2" style="background-color: #FFE6E6; font-weight: bolder; text-decoration: underline;border: 1px solid #ddd;">{{ __('pharmacy.selected') }}</td>
                                <td colspan="5" style="border: 1px solid #ddd;"></td>
                            </tr>
                            @php $count = 1; @endphp
                            @if(isset($drugs_to_dispense_collection) && count($drugs_to_dispense_collection) > 0)
                                @foreach($drugs_to_dispense_collection as $drug)
                                    <tr id="my_row{{ $drug->id }}" class="to_remove">
                                        <td style="padding: 2px;border: 1px solid #ddd;">
                                            @if ($drug->pharmacy_stock > 0 )
                                                <a class="remove" href="#" style="color: maroon">x</a>&nbsp;{{ $count }}
                                                <input type="hidden" name="drug_id[]" value="{{$drug->id}}">
                                            @endif
                                        </td>
                                        <td style="padding: 2px;border: 1px solid #ddd;">
                                            @php
                                                $insurance_color = ($drug->insurance_coverage == 'Yes') ? "green" : "orange";
                                            @endphp
                                            @if ($drug->pharmacy_stock <= 0)
                                                <span class="badge badge-danger">{{ __('pharmacy.out_of_stock') }}</span>
                                            @endif
                                            <span style="color:{{$insurance_color}}"> {{$drug->name}}</span>
                                            <?php
                                                $pharm_comment = trim($drug->pharmacy_comment);
                                                if (!empty($pharm_comment)):
                                                    echo "<div style='padding: 1px; margin: 6px 1px 0px 1px; font-size: smaller' class='alert alert-info span12 margin-none well'>" . $pharm_comment . "</div>";
                                                endif;
                                                /*the reference area code was here put it doesn't exist in the drugs table as was the case in the inventory_items*/
                                            ?>
                                        </td>
                                        <td style="padding: 2px;border: 1px solid #ddd;">
                                            <input type='number' value="0"  name='quantity_returned[]' id="quantity_returned{{$drug->id}}" class="form-control">
                                        </td>
                                        <td style="padding: 2px;border: 1px solid #ddd;">
                                            <input type='number' style="margin-bottom: 0px;"  name='quantity_dispensed[]' id="quantity_dispensed{{$drug->id}}"  class="form-control compulsory" max="{{ $drug->pharmacy_stock }}" required/>
                                        </td>
                                        <td style="padding: 2px;border: 1px solid #ddd;">
                                            <input type='number' style="margin-bottom: 0px;" name='total[]' id="total{{$drug->id}}" class="form-control" readonly />
                                        </td>
                                        <td class="center" style="padding: 2px;border: 1px solid #ddd;">
                                            <input type="text" readonly  name="stock[]" id="stock{{$drug->id}}" class="form-control" value="{{ $drug->pharmacy_stock }}" >
                                        </td>
                                        <td style="padding: 2px;border: 1px solid #ddd;">
                                            <textarea name="pharmacy_comment[]" id="pharmacy_comment{{$drug->id}}" class="form-control"></textarea>
                                        </td>
                                    </tr>
                                    @php $count++; @endphp
                                @endforeach
                            @else
                                <tr class="warning"><td class="center" colspan="8" style="border: 1px solid #ddd;">{{ __('pharmacy.no_drug_search_yet') }}</td></tr>
                            @endif
                        </tbody>
                    </table>
                    @if(isset($drugs_to_dispense_collection))
                        <input type="submit" name="submit_dispense" onclick="return submitDispense();" class = "btn btn-rounded btn-success pull-right" value="Dispense to ward"/>
                    @endif
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script src="{{ asset('elite/bower_components/select2/select2.min.js') }}"></script>
    <!-- data time picker dependency -->
    <script src="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
    <!--  -->
    <script src="{{ asset('elite/js/validator.js') }}"></script>
    <script type="text/javascript">

        function submitDispense(){
            // begin checking to ensure there is enough quantity dispensed
            let drug_id = $("input[name='drug_id[]']" ).map(function(){
                return this.value;
            }).get();

            let quantity_dispensed = $("input[name='quantity_dispensed[]']" ).map(function(){
                return this.value;
            }).get();

            $.ajax({
                url: '/check_dispensed_drugs_quantity',
                data: {'drug_id_array[]':drug_id, 'quantity_dispensed_array[]':quantity_dispensed},
                success: function(response){
                    if (response[0] === "1") {
                        alert(response[1]);
                        return false;
                    } else {
                        //
                    }
                }
            });
        }

        $(document).ready(function() {
            $('#datepicker-autoclose').datepicker({
                autoclose: true,
                todayHighlight: true,
                format: 'dd/mm/yyyy',
                setDate: new Date(),
                readOnly: true
            });

            $('.prescription-drugs,#staff_array,.ward_allocation').select2({
                placeholder: "Select drugs"
            });

            $('.select2-selection.select2-selection--single').css('height','calc(3.85rem)');
            $('.select2-selection.select2-selection--single').css('padding-top','5px');
            $('.select2-selection.select2-selection--single').css('border-left', '3px solid #F08080');/*add compulsory class*/
            $('.select2-selection.select2-selection--single.sec_d').css('border-left', '3px solid #aaa');
            $('.select2-selection__arrow').css('top','3px');
            
            $("input[id^='quantity_returned']").each(function () {
                var id = parseInt(this.id.replace("quantity_returned", ""), 10);
                $("#quantity_returned" + id + ",#quantity_dispensed" + id + ",#total" + id).change(function () {
                    var quantity_returned = $("#quantity_returned" + id).val();
                    var quantity_dispensed = $("#quantity_dispensed" + id).val();
                    var total_dispensed = parseFloat(quantity_returned) + parseFloat(quantity_dispensed);
                    $("#total" + id).val(total_dispensed);
                });
            });

            $(".remove").on("click", function () {
                $(this).parent().parent().remove();
            });
        });
    </script>
@endpush