@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>
                            <br/>
                            <a role="button" class="btn btn-success btn-rounded btn-block" href="{{ route('streamline_bill.create') }}">{{ __('streamline_bills.generate_bill') }}</a>
                        </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 panel">
                                <div class="panel-body">
                                    <table class="table color-bordered-table success-bordered-table">
                                        <thead>
                                        <tr>
                                            <th>{{ __('streamline_bills.number_of_patients') }}</th>
                                            <th>{{ __('streamline_bills.time_frame') }}</th>
                                            <th>{{ __('streamline_bills.amount_to_be_paid') }}</th>
                                            <th>{{ __('streamline_bills.amount_paid') }}</th>
                                            <th>{{ __('streamline_bills.generated_by') }}</th>
                                            <th></th>
                                            <th>{{ __('streamline_bills.action') }}</th>
                                        </tr>
                                        </thead>

                                        <tbody>
                                        @if(count($reports) > 0)
                                            @foreach($reports as $item)
                                                @php
                                                    $ids = explode('/', $item['patients']);
                                                    $dates = explode('&', $item['time_frame']);
                                                    $count = count($ids);
                                                @endphp
                                               <tr>
                                                   <td>
                                                       <button onclick="view_patients('{{$item['id']}}')" class="btn btn-info btn-rounded">{{ $count }}</button>
                                                   </td>
                                                   <td>
                                                       <div class="label label-info">
                                                           {{ streamline_date($dates[0]) }} to @php if(isset($dates[1])){ echo streamline_date($dates[1]); }else{ echo ""; } @endphp
                                                       </div>
                                                   </td>
                                                   <td>{{ ugandan_shillings($item['amount_to_be_paid']) }}</td>
                                                   <td>{{ ugandan_shillings($item['amount_paid']) }}</td>
                                                   <td>{{ get_full_name($item['created_by'], 'id', 'first_name', 'last_name', 'users') }}</td>
                                                   <td><a href="{{ route('streamline_bill.detail', $item->id) }}" class="btn btn-primary btn-sm btn-rounded"><i class="fa fa-eye"></i> {{ __('streamline_bills.view_invoice') }}</a></td>
                                                   <td>
                                                       <a href="{{ url('/streamline_bill/delete', $item['id']) }}" onclick="return confirm('Are you sure?')" class="btn btn-danger btn-sm btn-rounded" role="button">
                                                           <i class="fa fa-trash"></i>
                                                           {{ __('streamline_bills.delete') }}
                                                       </a>
                                                   </td>
                                               </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <th>{{ __('streamline_bills.no_results_found') }}</th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                            </tr>
                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="displayPatientsModal" tabindex="-1" role="dialog" aria-labelledby="displayPatientsModalLabel" aria-hidden="true" style="border-radius: 10px; margin-top: 200px ">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Patient on this Bill</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div id="patients_listing"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </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>
        function view_patients(id) {

            $.ajax({
                method: 'POST',
                url: '/streamline_bill/view_patients',
                data: {
                    'id':id
                },
                success: function(response){
                   patients = "<ol>"+response+"</ol>";
                   $('#patients_listing').html(patients);
                   $('#displayPatientsModal').modal('show');
                },
                error: function (error) {
                    console.log(error);
                }
            });
        }
    </script>

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