@extends('layouts.main')

@push('styles')
    <link href="{{ asset('elite/bower_components/typeahead.js-master/dist/typehead-min.css') }}" rel="stylesheet">
    <link href="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('/elite/bower_components/datatables/jquery.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('elite/tables/css/buttons.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
    <style type="text/css">
        #discounts_table td{
            border-left: 1px solid #dddddd;
        }

        #paid_services_table td{
            border-left: 1px solid #dddddd;
        }

        #services_table  td{
            border-left: 1px solid #dddddd;
        }
    </style>
@endpush

@section('content')
    <div class="row bg-title">
        <div class="col-md-7">
            <h4>{{ __('streamline_bills.streamline_bills') }}</h4>
        </div>
        <div class="col-md-5">
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}"><i class="fa fa-home"></i> {{ __('streamline_bills.home') }}</a></li>
                <li><a href="{{ route('finance') }}"><i class="fa fa-money"></i> {{ __('streamline_bills.finance_home') }}</a></li>
                <li class="active"><i class="fa fa-bil"></i> {{ __('streamline_bills.streamline_bills') }}</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">

            @include('flash::message')

            <div class="white-box" style="background-color: #F5FFFA">

                <div class="row">
                    <div class="col-md-12">
                        <div class="pull-left">
                            <address>
                                <h3> &nbsp;<b class="text-danger">{{ $hospital_information->name }}</b></h3>
                                <p class="text-muted m-l-5">{{ $hospital_information->phone_number }}, {{ $hospital_information->email }},
                                    <br/> {{ get_name($hospital_information->sub_county,'id', 'name', 'subcounties') }}, {{ get_name($hospital_information->district,'id', 'name', 'districts') }},
                                    <br/> {{ $hospital_information->country }}.</p>
                            </address>
                        </div>
                        <div class="pull-right text-right">
                            <address>
                                <p class="m-t-30"><b> {{ __('streamline_bills.date') }} : </b> <i class="fa fa-calendar"></i> {{ streamline_date_time(\Carbon\Carbon::now()->toDateTimeString()) }}</p>
                            </address>
                        </div>
                        <br/>
                    </div>
                </div>

                <br/>

                <div class="row">
                    <div class="col-md-12">

                        <div class="row">
                            <div class="col">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <div class="row">
                                            <div class="col text-left">
                                                {{ __('streamline_bills.details') }}
                                            </div>
                                        </div>
                                    </div>
                                    {{ Form::open(['method'=>'post','route' => 'streamline_bill.generate']) }}
                                    <div class="panel-body">
                                        <div class="input_fields_wrap">
                                            <div class="row">
                                                <div class="span1"></div>
                                                <div class="col">
                                                    <div class=" control-group">
                                                        <label class="control-label" for="dates">{{ __('streamline_bills.processed_by') }}:</label>
                                                        <div class="form-group">
                                                            <div class="input-group">
                                                                {{ Form::text('processed_by', get_full_name($user, 'id', 'first_name', 'last_name', 'users'),
                                                                 ['class'=>'form-control required compulsory', 'readonly', 'id'=>'processed_by']) }}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="form-group col">
                                                    <label class="control-label" for="dates">{{ __('streamline_bills.date_type') }}:</label>
                                                    <select class="form-control compulsory required" name="dates" id="dates" required>
                                                        <option value="">{{ __('streamline_bills.select') }}</option>
                                                        <option value="today">{{ __('streamline_bills.today') }}</option>
                                                        <option value="yesterday">{{ __('streamline_bills.yesterday') }}</option>
                                                        <option value="custom_date">{{ __('streamline_bills.custom_date') }}</option>
                                                        <option value="custom_date_range">{{ __('streamline_bills.date_range') }}</option>
                                                    </select>
                                                </div>

                                                <div id="sDate" class="col" style="display: none;">
                                                    <div class="form-group">
                                                        {{ Form::label('start_date',__('streamline_bills.date_on')) }}
                                                        <div class="input-group">
                                                            {{ Form::text('start_date', '', ['class'=>'form-control required compulsory', 'readonly', 'id'=>'start_date']) }}
                                                            <span class="input-group-addon"><i class="icon-calender"></i></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div  id="eDate" class="col" style="display: none;">
                                                    <div class="form-group">
                                                        {{ Form::label('end_date',__('streamline_bills.end_date')) }}
                                                        <div class="input-group">
                                                            {{ Form::text('end_date', '', ['class'=>'form-control required compulsory', 'readonly', 'id'=>'end_date']) }}
                                                            <span class="input-group-addon"><i class="icon-calender"></i></span>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class='col'>
                                                    <div class="input-group" style="margin-top: 28px">
                                                        <button class="btn btn-success btn-block btn-rounded">submit</button>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                    {{ Form::close() }}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col panel">
                                <div class="panel-body">
                                    <table class="table color-bordered-table success-bordered-table">
                                        <thead>
                                        <tr>
                                            <th>{{ __('streamline_bills.patient_name') }}</th>
                                            <th>{{ __('streamline_bills.patient_number') }}</th>
                                            <th>{{ __('streamline_bills.first_visit') }}</th>
                                            <th class="text-center">{{ __('streamline_bills.recorded_by') }}</th>
                                        </tr>
                                        </thead>

                                        <tbody>
                                        @if(count($patients) > 0)
                                            @foreach($patients as $id)
                                                <tr>
                                                    <th>{{ get_name($id, 'id', 'first_name', 'patients') }} {{ get_name($id, 'id', 'last_name', 'patients') }}</th>
                                                    <th>{{ get_name($id, 'id', 'number', 'patients') }}</th>
                                                    <th>{{ streamline_date(get_name($id, 'id', 'created_at', 'patients')) }}</th>
                                                    @php $created_by = get_name($id, 'id', 'created_by', 'patients'); @endphp
                                                    <th class="text-center">{{ get_full_name($created_by, 'id', 'first_name', 'last_name', 'users') }}</th>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <th>{{ __('streamline_bills.no_results_found') }}</th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                            </tr>
                                        @endif
                                        </tbody>
                                    </table>

                                    <br/>

                                    <div class="text-right">

                                        <h5><strong>{{ __('streamline_bills.number_of_patients') }}: <div class="label label-success">{{ count($patients) }}</div></strong></h5> <br>
                                        <h5><strong>{{ __('streamline_bills.cost_per_patient_annually') }} : <div class="label label-success">{{ ugandan_shillings(1000) }}</div></strong></h5><br>
                                        @php
                                            $total = count($patients) * 1000;
                                        @endphp
                                        <h2><strong>{{ __('streamline_bills.total') }} : {{ ugandan_shillings($total) }}</strong></h2><br>

                                        {{ Form::open(['method'=>'post', 'route'=>'streamline_bill.transfer']) }}

                                        <input type="hidden" name="patient_string" value="{{ $patient_string }}">
                                        <input type="hidden" name="total" value="{{ $total }}">
                                        <button class="btn-danger btn btn-rounded">{{ __('streamline_bills.save_bill') }}</button>

                                        {{ Form::close() }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



@endsection

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

    <script src="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('elite/bower_components/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('elite/tables/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('elite/tables/js/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('elite/tables/js/jszip.min.js') }}"></script>
    <script src="{{ asset('elite/tables/js/pdfmake.min.js') }}"></script>
    <script src="{{ asset('elite/tables/js/vfs_fonts.js') }}"></script>
    <script src="{{ asset('elite/tables/js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('elite/tables/js/buttons.print.min.js') }}"></script>

    <script>
        $('.table').DataTable({
            dom: 'Bfrtip',
            buttons: [
                'copy', 'csv', 'excel', 'pdf', 'print'
            ],
            "aoColumnDefs": [{
                "aTargets": [2,3],
                "defaultContent": "",
            }]
        });
    </script>

    <script type="text/javascript">
        jQuery('#end_date').datepicker({
            autoclose: true,
            todayHighlight: true,
            format: 'dd-mm-yyyy'
        });
    </script>

    <script type="text/javascript">
        jQuery('#start_date').datepicker({
            autoclose: true,
            todayHighlight: true,
            format: 'dd-mm-yyyy'
        });
    </script>

    <script>

        $('#dates').change(function (e) {

            if($(this).val() === "custom_date"){

                $("#eDate").hide();
                $("#sDate").show();

            }else if($(this).val() === "custom_date_range"){

                $("#sDate").show();
                $("#eDate").show();
            }else{

                $("#eDate").hide();
                $("#sDate").hide();
            }
        });

    </script>

@endpush