@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/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" />
    <link href="{{ asset('elite/bower_components/select2/select2.min.css') }}" rel="stylesheet" />
@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">{{ __('insurance_members.inactive_insurance_members') }}</h4>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}">{{ __('insurance_members.dashboard') }}</a></li>
                <li><a href="/insurance_members/">{{ __('insurance_members.insurance_members') }}</a></li>
                <li class="active">{{ __('insurance_members.activate') }}</li>
            </ol>
        </div>
    </div>

    @include('flash::message')

    @include('insurance::insurance_members.menu')

    <div class="panel panel-default">
        <div class="panel-body">
            {{ Form::open(['route' => 'insurance_members.search_inactive', 'method' => 'ANY', 'role' => 'search']) }}

            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <div class="form-group" id="full_names">
                            {{ Form::text('full_name', '', ['class' => 'form-control typeahead', 'placeholder' => 'Patient Name', 'autocomplete' => 'off', 'spellcheck' => false]) }}
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        {{ Form::select('group_id',$insurance_groups_select,'',['class' => 'form-control', 'id' => 'insurance_groups']) }}
                    </div>
                </div>
                <div class="col-md-4"></div>
            </div>

            <div class="row">
                <div class="col-md-9">
                    @if(isset($criteria))
                        <p>{{ __('insurance_members.search_criteria') }} : <code>{{ $criteria }}</code> &nbsp;&nbsp;&nbsp;<a href="{{ route('insurance_members.inactive') }}">{{ __('insurance_members.clear_search') }}</a></p>
                    @endif
                </div>
                <div class="col-md-3">
                    <button type="submit" class="btn btn-success pull-right"><span class="glyphicon glyphicon-search"></span> {{ __('insurance_members.search') }}</button>
                </div>
            </div>
            {{ Form::close() }}

            <hr>

            <p class="text-muted m-b-30">{{ __('insurance_members.export_data_to_csv_and_excel') }}</p>
            <div class="table-responsive">
                <table id="table" class="table table-striped color-bordered-table success-bordered-table table-hover">
                    <thead>
                    <tr>
                        <th>{{ __('insurance_members.patient_number') }}</th>
                        <th>{{ __('insurance_members.name') }}</th>
                        <th>{{ __('insurance_members.group_name') }}</th>
                        <th>{{ __('insurance_members.family') }}</th>
                        <th>{{ __('insurance_members.relationship_to_head') }}</th>
                        <th>{{ __('insurance_members.patient_category') }}</th>
                        <th>{{ __('insurance_members.action') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($insurance_members as $insurance_member)
                        <tr>
                            <td>{{ $insurance_member->number }}</td>
                            <td>{!! insurance_flag($insurance_member->patient_id) !!}</td>
                            <td>{{ isset($insurance_groups[$insurance_member->group_id]) ? $insurance_groups[$insurance_member->group_id] : 'N/A' }}</td>
                            <td>{{ isset($insurance_family[$insurance_member->family_id]) ? $insurance_family[$insurance_member->family_id] : 'N/A' }}</td>
                            <td>{{ isset($relations[$insurance_member->relationship_to_head]) ? $relations[$insurance_member->relationship_to_head] : 'N/A' }}</td>
                            <td>{{ isset($patient_categories[$insurance_member->category_id]) ? $patient_categories[$insurance_member->category_id] : 'N/A' }}</td>
                            <td>
                                {{ Form::model($insurance_member->id ,['method' => 'POST', 'route' => ['insurance_members.activate', $insurance_member->id]]) }}
                                <button type="submit" class="btn btn-warning btn-rounded" onclick="return confirm('<?php echo __("insurance_members.are_you_sure")?>')"><i class="fa fa-check"></i> {{ __('insurance_members.activate') }}</button>
                                {{ Form::close() }}
                            </td>
                        </tr>
                    @endforeach
                    </tbody>

                </table>
                {{ $insurance_members->links() }}
            </div>
        </div>
    </div>

@endsection


@push('scripts')

    <script src="{{ asset('elite/bower_components/typeahead.js-master/dist/typeahead.bundle.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 src="{{ asset('elite/bower_components/select2/select2.min.js') }}"></script>

    <script>
        $('#table').DataTable({
            dom: 'Bfrtip',
            buttons: [
                'copy', 'csv', 'excel', 'pdf', 'print'
            ]
        });

        $('#insurance_groups').select2({
            placeholder: "-- select group --"
        });

        var substringMatcher = function (strs) {
            return function findMatches(q, cb) {
                var matches, substringRegex;

                // an array that will be populated with substring matches
                matches = [];

                // regex used to determine if a string contains the substring `q`
                substrRegex = new RegExp(q, 'i');

                // iterate through the pool of strings and for any string that
                // contains the substring `q`, add it to the `matches` array
                $.each(strs, function (i, str) {
                    if (substrRegex.test(str)) {
                        matches.push(str);
                    }
                });

                cb(matches);
            };
        };

        $('#full_names .typeahead').typeahead(
            {
                hint: true,
                highlight: true,
                minLength: 1
            },
            {
                name: 'full_names',
                source: substringMatcher(<?php echo json_encode($full_names); ?>)
            }
        );
    </script>
@endpush