@inject('request', 'Illuminate\Http\Request')
@extends('layouts.app')

@section('content')
    <h3 class="page-title">@lang('quickadmin.member-personal-details.title')</h3>
    @can('member_personal_detail_create')
    <p>
        <a href="{{ route('admin.member_personal_details.create') }}" class="btn btn-success">@lang('quickadmin.qa_add_new')</a>
        <a href="#" class="btn btn-warning" style="margin-left:5px;" data-toggle="modal" data-target="#myModal">@lang('quickadmin.qa_csvImport')</a>
        @include('csvImport.modal', ['model' => 'MemberPersonalDetail'])
        
    </p>
    @endcan

    @can('member_personal_detail_delete')
    <p>
        <ul class="list-inline">
            <li><a href="{{ route('admin.member_personal_details.index') }}" style="{{ request('show_deleted') == 1 ? '' : 'font-weight: 700' }}">@lang('quickadmin.qa_all')</a></li> |
            <li><a href="{{ route('admin.member_personal_details.index') }}?show_deleted=1" style="{{ request('show_deleted') == 1 ? 'font-weight: 700' : '' }}">@lang('quickadmin.qa_trash')</a></li>
        </ul>
    </p>
    @endcan


    <div class="panel panel-default">
        <div class="panel-heading">
            @lang('quickadmin.qa_list')
        </div>

        <div class="panel-body table-responsive">
            <table class="table table-bordered table-striped ajaxTable @can('member_personal_detail_delete') @if ( request('show_deleted') != 1 ) dt-select @endif @endcan">
                <thead>
                    <tr>
                        @can('member_personal_detail_delete')
                            @if ( request('show_deleted') != 1 )<th style="text-align:center;"><input type="checkbox" id="select-all" /></th>@endif
                        @endcan

                        <th>@lang('quickadmin.member-personal-details.fields.membership-number')</th>
                        <th>@lang('quickadmin.member-personal-details.fields.member-photo')</th>
                        <th>@lang('quickadmin.member-personal-details.fields.firstname')</th>
                        <th>@lang('quickadmin.member-personal-details.fields.middle-name')</th>
                        <th>@lang('quickadmin.member-personal-details.fields.last-name')</th>
                        <th>@lang('quickadmin.member-personal-details.fields.member-email')</th>
                        <th>@lang('quickadmin.member-personal-details.fields.blood-group')</th>
                        <th>@lang('quickadmin.member-personal-details.fields.gender')</th>
                        <th>@lang('quickadmin.member-personal-details.fields.phone-number')</th>
                        <th>@lang('quickadmin.member-personal-details.fields.nationality')</th>
                        @if( request('show_deleted') == 1 )
                        <th>&nbsp;</th>
                        @else
                        <th>&nbsp;</th>
                        @endif
                    </tr>
                </thead>
            </table>
        </div>
    </div>
@stop

@section('javascript') 
    <script>
        @can('member_personal_detail_delete')
            @if ( request('show_deleted') != 1 ) window.route_mass_crud_entries_destroy = '{{ route('admin.member_personal_details.mass_destroy') }}'; @endif
        @endcan
        $(document).ready(function () {
            window.dtDefaultOptions.ajax = '{!! route('admin.member_personal_details.index') !!}?show_deleted={{ request('show_deleted') }}';
            window.dtDefaultOptions.columns = [@can('member_personal_detail_delete')
                @if ( request('show_deleted') != 1 )
                    {data: 'massDelete', name: 'id', searchable: false, sortable: false},
                @endif
                @endcan{data: 'membership_number.email', name: 'membership_number.email'},
                {data: 'member_photo', name: 'member_photo'},
                {data: 'firstname', name: 'firstname'},
                {data: 'middle_name', name: 'middle_name'},
                {data: 'last_name', name: 'last_name'},
                {data: 'member_email', name: 'member_email'},
                {data: 'blood_group', name: 'blood_group'},
                {data: 'gender', name: 'gender'},
                {data: 'phone_number', name: 'phone_number'},
                {data: 'nationality', name: 'nationality'},
                
                {data: 'actions', name: 'actions', searchable: false, sortable: false}
            ];
            processAjaxTables();
        });
    </script>
@endsection