@extends('master.admin')



@push('header.scripts')
<!-- BEGIN PAGE LEVEL PLUGINS -->
<link href="{{ asset('public/assets/global/plugins/datatables/datatables.min.css') }}" type="text/css" />
<link href="{{ asset('public/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
<!-- END PAGE LEVEL PLUGINS -->

@stop


@push('footer.scripts')
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="{{ asset('public/assets/global/scripts/datatable.js') }}" type="text/javascript"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.24/datatables.min.js"></script>
<script src="{{ asset('public/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->

<script>



    var dataTableObj;
    var formData = $('#advance_search_form').serializeArray();
    var advance_search_form_data = {'action': 'advance_search', 'search_form_data': formData};
    var dt_html = '';

    $(function() {


        dt_html = $("#teams-outer-div").html();
        dataTableObj = dt_init();


        $("#advance_search_form").submit(function (e) {

            var formData = $('#advance_search_form').serializeArray();
            advance_search_form_data = {'action': 'advance_search', 'search_form_data': formData};
            $("#teams_dt_wrapper").children().remove();
            $("#teams-outer-div").html(dt_html);
            dataTableObj = dt_init();
            e.preventDefault(); //STOP default action

        });



        // Delete Item record
        $('#teams-outer-div').on('click', 'a.list_remove', function (e) {
            $('#deleterecord_error_div').hide();
            $('#deleterecord_success_div').hide();
            $('#delete_record_dt_id').val('teams_dt')
            $('#delete_item_id').val( $(this).attr('data-id') );
            $('#delete_action_url').val( '{!! url("admin/teams/members") !!}/'+$(this).attr('data-id') );
            $('#confirmRemoveRecord').modal('show', {backdrop: 'static'});
            e.preventDefault();
        });


        $("#export_btn").click(function () {

            $("#export_form #team_category_id").val($("#advance_search_form #team_category_id").val());
            $('#export_form').submit();
        });

        @if(Session::has('teammembers-success'))
        show_push_notification('Success!', '{{ Session::get("teammembers-success") }}', 'success');
        @endif



    });



    function dt_init() {

        var token = $('#token_csrf').val();
        returnObj = $('#teams_dt').DataTable({
            responsive: true,
            processing: true,
            serverSide: true,
                lengthChange: false,
            bFilter: false,
            "order": [[ 0, "DESC" ]],
            ajax: {
                url: '{!! url("admin/teams/individuals/ajax") !!}',
                type: "POST",
                headers: {'X-CSRF-TOKEN': token},
                data: advance_search_form_data
            },

            columns: [
                {data: 'user_updated_at', name: 'users.updated_at'},
                {data: 'user_first_name', name: 'users.first_name'},
                {data: 'user_last_name', name: 'users.last_name'},
                {data: 'member_cat_name', name: 'team_categories.name'},
                {data: 'user_email', name: 'users.email'},
                {data: 'user_address', name: 'user_address'},
                {data: 'family_first_name_1', name: 'family_first_name_1'},
                {data: 'family_first_name_2', name: 'family_first_name_2'},
                {data: 'family_first_name_3', name: 'family_first_name_3'},
                {data: 'actions', name: 'actions', className: 'text-right', "bSearchable": false, "bSortable": false}

            ]

        });

    }



</script>

@stop



@section('content')

<!-- BEGIN CONTENT -->

<div class="page-content-wrapper">

    <!-- BEGIN CONTENT BODY -->

    <div class="page-content">

        <!-- BEGIN PAGE HEADER-->

        <!-- BEGIN PAGE BAR -->

        <div class="page-bar" style="margin-top: 10px;">
            <div class="row">
                <div class="col-sm-6">
                    <ul class="page-breadcrumb">
                        <li>
                            <a href="{{url('admin/teams')}}">Teams</a>
                            <i class="fa fa-angle-right"></i>
                        </li>
                        <li>
                            <a href="{{url('admin/teams/view/'.$team->id)}}">{{ $team->name  }}</a>
                            <i class="fa fa-angle-right"></i>
                        </li>
                        <li>
                            <span>Team Individuals</span>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-6 text-right">
                    <div class="three-btn-wrap">
                        <!--<a href="javascript:void(0);" id="export_btn" class="btn btn-fit-height blue">Export</a>-->
                    </div><!--/.three-btn-wrap-->
                </div>
            </div>
        </div>

        <!-- END PAGE BAR -->

        <!-- BEGIN PAGE TITLE-->

        <h3 class="page-title"> </h3>

        <!-- END PAGE TITLE-->

        <div class="row">

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





                <!-- BEGIN ADVANCE SEARCH-->

                <div class="row">

                    <div class="col-md-12" id="advance_search_cantainer" style="display: none;">

                        <div class="panel panel-default">

                            <div class="panel-heading"><i class="fa fa-search"></i> Advance Search</div>

                            <div class="panel-body">

                                <form id="advance_search_form" name="advance_search_form">

                                    <input type="hidden" name="token_csrf" id="token_csrf" value="{{ csrf_token() }}"/>

                                    <input type="hidden" name="team_id" id="team_id" value="{{ $team->id  }}"/>

                                    <div class="row">

                                        <div class="col-md-6 col-sm-6">

                                            <label> Registration Type </label>

                                            <div class="form-group">

                                                <select id="team_category_id" name="team_category_id" class="form-control">

                                                    <option value="">All</option>
                                                    @foreach(list_event_team_categories_from_registration(9) as $type)
                                                        <option value="{{ $type->id }}">{{ $type->name }}</option>
                                                    @endforeach
                                                </select>

                                            </div>

                                        </div>



                                        <div class="col-md-6 col-sm-6 text-right">

                                            <label> &nbsp; </label>

                                            <div class="form-group">

                                                <button type="button" id="dt_clear" name="dt_clear" class="btn default"

                                                        onclick="javascript:window.location.reload()">Clear

                                                </button>

                                                <button type="submit" class="btn blue">Search <i class="fa fa-search"></i></button>

                                            </div>

                                        </div>



                                    </div>



                                </form>

                            </div>

                        </div>

                    </div>

                </div>

                <!-- END ADVANCE SEARCH-->



                <!-- Begin: life time statistics -->

                <div class="portlet light portlet-fit portlet-datatable bordered">

                    <div class="portlet-title">

                        <div class="caption">

                            <i class="fa fa-group"></i>

                            <span class="caption-subject font-dark sbold uppercase">Team Individuals</span>

                        </div>

                        <div class="actions">

                            <div class="btn-group pull-left" style="margin-right: 5px;">

                                @role('superadmin', 'admin')
                                @endrole

                                

                            </div>

                        </div>

                    </div>

                    <div class="portlet-body" style="height:auto !important;">

                        <div class="table-scrollable" id="teams-outer-div">

                            <table id="teams_dt" class="table table-striped table-bordered table-hover " cellspacing="0" width="100%">

                                <thead>

                                    <tr>

                                        <th>Date</th>
                                        <th>First Name</th>
                                        <th>Last Name</th>
                                        <th>Registration Type</th>
                                        <th>Email</th>
                                        <th>Address</th>
                                        <th>Family Member 1</th>
                                        <th>Family Member 2</th>
                                        <th>Family Member 3</th>
                                        <th class="text-right"> Actions </th>

                                    </tr>

                                </thead>

                            </table>

                        </div>

                    </div>



                </div>



            </div>

        </div>



        <form id="export_form" name="export_form" method="post" action="{!! url('admin/teams/individuals/export') !!}">
            {!! csrf_field() !!}
            <input type="hidden" name="team_id" id="team_id" value="{{ $team->id  }}"/>
            <input type="hidden" name="team_category_id" id="team_category_id" value=""/>
        </form>

    </div>

    <!-- END CONTENT BODY -->

</div>

<!-- END CONTENT WRAPPER -->    





@stop