@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" />
<link href="{{ asset('public/assets/global/plugins/datatables/dataTables.responsive.css') }}" 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>
    $(function() {

        $('#course_hours').change(function(){
            update_course_time();
        });
        $('#course_minutes').change(function(){
            update_course_time();
        });

        $("#team_roster_complete").change(function() {
            update_course_time();
        });

        $('#start_time').click(function(){
           $(this).attr('type', 'time');
        });

        $('#bib_number').click(function(){
            $(this).attr('type', 'number');
        });


        $("#export_btn").click(function () {
            $('#export_form').submit();
        });

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

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

        // Delete Item record
        $('#team_update_course_time').on('click', 'a.approve_team', function (e) {
            $('#confirmApproveTeam').modal('show', {backdrop: 'static'});
            e.preventDefault();
        });
        
        $('#teamsrunnes_dt').DataTable({
            responsive: false,
            processing: false,
            serverSide: false,
            bFilter: true,
            "order": [[ 0, "DESC" ]],
        });
        
        $('#paymentslog_dt').DataTable({
            responsive: false,
            processing: false,
            serverSide: false,
            bFilter: true,
            "order": [[ 0, "DESC" ]],
        });

        /*
         * Submit form for add new Record information
         */
        $("#approve_team_form").submit(function(e){
            startBlockUI('#approve_team_form', 'animate');
            $('#approveteam_error_div').hide();
            $('#approveteam_success_div').hide();
            var token = $('#token_csrf').val();
            $.ajax({
                url : '{!! url("admin/teams/approveteam") !!}',
                headers: {'X-CSRF-TOKEN': token},
                type: 'POST',
                data : $(this).serialize(),
                dataType: 'json',
                success:function(response) {
                    if(response.status){
                        if( response.status == '0' ){

                            $('#approveteam_success_div').hide();
                            $('#approveteam_error_div').show();
                            $('#approveteam_error_msg').html(response.message);
                            endBlockUI('#approve_team_form');
                            $("#approveteam_error_div").fadeTo(0, 1);
                            fadeout_div('approveteam_error_div');
                            return false;
                        }else{
                            $('#approveteam_error_div').hide();
                            $('#approveteam_success_div').show();
                            $('#approveteam_success_msg').html(response.message);
                            window.setTimeout(function(){
                                window.location.reload(true);
                            }, 2000);
                        }
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    var errorMsg  = '';
                    console.log(jqXHR.responseJSON);
                    $.each(jqXHR.responseJSON, function(index, value) {
                        var unitMsg = '<p>' + value + '</p>';
                        errorMsg = errorMsg +  unitMsg;
                    });
                    if( errorMsg != '' ){
                        $('#addeditform_success_div').hide();
                        $('#addeditform_error_div').show();
                        $('#addeditform_error_msg').html(errorMsg);
                        endBlockUI('#addedit_form');
                    }
                    return false;
                }
            });
            e.preventDefault(); //STOP default action
        });


        // Update Order Status Modal Open
        $('#paymentslog-outer-div').on('click', 'a.update_order_status', function () {
            endBlockUI('#updateorderstatus_form');
            $('#updateorderstatus_error_div').hide();
            $('#updateorderstatus_success_div').hide();
            $('#updateorderstatus_form #id').val( $(this).attr('data-id') );
            $('#updateorderstatus_form #check_number').val( $(this).attr('data-check_number') );
            $('#updateorderstatus_form #check_number_2').val( $(this).attr('data-check_number_2') );
            $('#updateorderstatus_form #balance').val( $(this).attr('data-balance') );
            $('#updateOrderStatusModal').modal('show', {backdrop: 'static'});
        });


        /*
         * Submit form for add new Record information
         */
        $("#updateorderstatus_form").submit(function(e){
            startBlockUI('#updateorderstatus_form', 'animate');
            $('#updateorderstatus_error_div').hide();
            $('#updateorderstatus_success_div').hide();
            var token = $('#token_csrf').val();
            $.ajax({
                url : $(this).attr('action'),
                headers: {'X-CSRF-TOKEN': token},
                type: $(this).attr('method'),
                data : $(this).serialize(),
                dataType: 'json',
                success:function(response) {
                    if(response.status){
                        if( response.status == '0' ){

                            $('#updateorderstatus_success_div').hide();
                            $('#updateorderstatus_error_div').show();
                            $('#updateorderstatus_error_msg').html(response.message);
                            endBlockUI('#addedit_form');
                            $("#updateorderstatus_error_div").fadeTo(0, 1);
                            fadeout_div('addeditform_error_div');
                            return false;
                        }else{
                            $('#updateorderstatus_error_div').hide();
                            $('#updateorderstatus_success_div').show();
                            $('#updateorderstatus_success_msg').html(response.message);
                            window.setTimeout(function(){
                                window.location.reload(true);
                            }, 2000);
                        }
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    let errorMsg  = '';
                    console.log(jqXHR.responseJSON);
                    $.each(jqXHR.responseJSON, function(index, value) {
                        let unitMsg = '<p>' + value + '</p>';
                        errorMsg = errorMsg +  unitMsg;
                    });
                    if( errorMsg != '' ){
                        $('#updateorderstatus_success_div').hide();
                        $('#updateorderstatus_error_div').show();
                        $('#updateorderstatus_error_msg').html(errorMsg);
                        endBlockUI('#addedit_form');
                    }
                    return false;
                }
            });
            e.preventDefault(); //STOP default action
        });


    });

    /*
     * Submit form for add new Record information
     */
    $("#team_update_course_time").submit(function(e){
        e.preventDefault(); //STOP default action
        update_course_time();
    });

    function update_course_time(){

        startBlockUI('#team_update_course_time', 'animate');
        var token = $('#token_csrf').val();
        var formData = $('#team_update_course_time').serialize();

        if($('#bib_number').val() != '0' && $('#bib_number').val() != ''){
            $('#unassigned_label').hide();
        }else{
            $('#unassigned_label').show();
        }

        $.ajax({
            url : $('#team_update_course_time').attr('action'),
            headers: {'X-CSRF-TOKEN': token},
            type: $('#team_update_course_time').attr('method'),
            data : formData,
            dataType: 'json',
            success:function(response) {
                if(response.status){
                    if( response.status == '0' ){
                        endBlockUI('#team_update_course_time');
                        show_push_notification('Error!', response.message , 'error');
                    }else{
                        endBlockUI('#team_update_course_time');
                        show_push_notification('Success!', response.message , 'success');



                    }
                }
            },
            error: function(jqXHR, textStatus, errorThrown) {
                return false;
            }
        });

    }
</script>

@role(['superadmin', 'admin'])
<script>
    $('#teamsrunnes-outer-div').on('click', '.bib_number_editable ', function(e){
            $(this).hide();
            $('.team_member_bib_number_update_class').hide();
            $('#bib_number_hidden_field_'+$(this).data('id')).show();
            $('#bib_number_hidden_field_'+$(this).data('id')).focus();
            $('#bib_number_hidden_field_'+$(this).data('id')).select();
            e.preventDefault();
        });

    $('#teamsrunnes-outer-div').on('blur', '.team_member_bib_number_update_class', function () {
            $(this).hide();
            if($(this).val() != '' && $(this).val() != '0' && $(this).val() != $(this).data('bib_number')){
                $('#update_bib_number_form #team_member_id').val( $(this).data('id') );
                $('#update_bib_number_form #bib_number').val( $(this).val() );
                update_team_member_bib_number_info( $(this).data('id') );
            }else{
                $('.bib_number_editable').show();
            }
        });


    function update_team_member_bib_number_info(team_member_id){
        $('.bib_number_update_loading_class').hide();
        $('#bib_number_update_loading_'+team_member_id).show();
        let token = $('#update_bib_number_form #token_csrf').val();
        $.ajax({
            url : 'https://registration.cascaderelays.com/admin/teams/updateindividualbibnumber',
            headers: {'X-CSRF-TOKEN': token},
            type: 'POST',
            data : $('#update_bib_number_form').serialize(),
            dataType: 'json',
            success:function(response) {
                $('#bib_number_hyperlink_'+team_member_id).html(response.data.bib_number);
                $('#bib_number_hyperlink_'+team_member_id).attr('data-bib_number', response.data.bib_number);
                $('#bib_number_hidden_field_'+team_member_id).attr('data-bib_number', response.data.bib_number);
                $('#bib_number_update_loading_'+team_member_id).hide();
                $('.bib_number_editable').show();
            },
            error: function(jqXHR, textStatus, errorThrown) {
                return false;
            }
        });
    }
</script>
@endrole

@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">
            <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/members/'.$team->id)}}">Team Members</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <span>Team Detail View</span>
                </li>
            </ul>
        </div>
        <!-- END PAGE BAR -->
        <!-- BEGIN PAGE TITLE-->
        <h3 class="page-title"> </h3>
        <!-- END PAGE TITLE-->
        <div class="row">
            <div class="col-md-12">

                <div class="portlet box blue-hoki">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-search"></i>Team Detail - {{ $team->name }}</div>
                        <div class="tools"></div>
                    </div>
                    <div class="portlet-body form">
                        
                            
                        <form id="team_update_course_time" class="form-horizontal" action="{{url('admin/teams/updatecoursetime')}}" method="post" role="form">
                            <input type="hidden" name="id" value="{{$team->id}}" />
                            {!! csrf_field() !!}
                            <div class="form-body">
                                <h3 class="form-section">
                                    <div class="row">
                                        <div class="col-md-6">Team Detail</div>
                                        <div class="col-md-6 text-right">
                                            <div class="btn-group btn-group-xs">
                                                @role('superadmin')
                                                <a href="{{url('admin/teams/edit/'.$team->id)}}" class="btn btn-primary"><i class="fa fa-pencil"></i> Edit</a>
                                                @if($team->active == '0')
                                                <a href="javascript:void(0);" class="btn btn-primary approve_team" style="margin-left: 10px;"><i class="fa fa-save"></i> Activate Team</a>
                                                @endif
                                                @endrole
                                            </div>
                                        </div>
                                    </div>
                                </h3>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Creation Date:</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static"> {{us_datetime_format($team->creation_date)}} </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Status:</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static"> {{{ ($team->active == '1')?'Accepted':'Acceptance Pending' }}} </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->

                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Team Type:</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static"> {{$team->teams_category_name}} </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Team Division:</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static"> {{$team->team_type_name}} </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->
                                
                                <div class="row">

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Average Team Pace (mins):</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static"> {{$team->average_pace}} </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Volunteer option:</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static"> {{$team->volunteer_option_name}} </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->

                                    
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Total Projected Course Time:</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static">
                                                    @role(['superadmin', 'admin'])
                                                        <select id="course_hours" name="course_hours" class="course">
                                                            <option value="0" >0</option>
                                                            @for ($i = 1; $i < 45; $i++)
                                                            <option value="{{$i}}" {{{ ($team->course_hours == $i)?'selected':''  }}}>{{$i}}</option>
                                                            @endfor
                                                        </select>&nbsp;HRS
                                                        <select id="course_minutes" name="course_minutes" class="course">
                                                            <option value="0" >0</option>
                                                            @for ($i = 1; $i < 59; $i++)
                                                                <option value="{{$i}}" {{{ ($team->course_minutes == $i)?'selected':''  }}} >{{$i}}</option>
                                                            @endfor
                                                        </select>
                                                    &nbsp;MINS
                                                    @endrole
                                                    @role(['team-captain'])
                                                        @if($check_team_captain)
                                                            <select id="course_hours" name="course_hours" class="course">
                                                                <option value="0" >0</option>
                                                                @for ($i = 1; $i < 45; $i++)
                                                                    <option value="{{$i}}" {{{ ($team->course_hours == $i)?'selected':''  }}}>{{$i}}</option>
                                                                @endfor
                                                            </select>&nbsp;HRS
                                                            <select id="course_minutes" name="course_minutes" class="course">
                                                                <option value="0" >0</option>
                                                                @for ($i = 1; $i < 59; $i++)
                                                                    <option value="{{$i}}" {{{ ($team->course_minutes == $i)?'selected':''  }}} >{{$i}}</option>
                                                                @endfor
                                                            </select>
                                                        @else
                                                            @if($team->course_hours > 0 || $team->course_minutes > 0)
                                                                {{$team->course_hours}} HRS {{$team->course_minutes}} MINS
                                                            @endif
                                                        @endif
                                                    @endrole
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Captain name:</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static"> {{$team->captain_first_name .' '.$team->captain_last_name}} </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    
                                </div>
                                <!--/row-->



                                @role('superadmin', 'admin')
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Team Roster Complete</strong></label>
                                            <div class="col-md-9">
                                                <input type="checkbox" id="team_roster_complete" name="team_roster_complete" {{{ ($team->team_roster_complete == '1')?'checked':''  }}} value="1" />
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">

                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Bib number:</strong></label>
                                            <div class="col-md-9">
                                                <input type="text" id="bib_number" name="bib_number" class="form-control" value='{{{ ($team->bib_number > 0 && $team->bib_number != '')?$team->bib_number:'unassigned' }}}' >
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Start Time:</strong></label>
                                            <div class="col-md-9">
                                                @if($team->bib_number == '0' || $team->bib_number == '')
                                                <input type="text" id="start_time" name="start_time" class="form-control" value='unassigned' >
                                                @else
                                                <input type="time" id="start_time" name="start_time" class="form-control" value='{{$team->start_time}}' >
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->
                                <div class="row">
                                    <div class="col-md-12 text-right">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <button type="submit" class="btn blue">
                                                    <i class="fa fa-check"></i> Update
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->
                                @endrole
                                @role('team-captain')
                                @if($check_team_captain)
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label col-md-3"><strong>Team Roster Complete</strong></label>
                                                <div class="col-md-9">
                                                    <input type="checkbox" id="team_roster_complete" name="team_roster_complete" {{{ ($team->team_roster_complete == '1')?'checked':''  }}} value="1" />
                                                </div>
                                            </div>
                                        </div>
                                        <!--/span-->

                                    </div>
                                    <!--/row-->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">

                                                <label class="control-label col-md-3"><strong>Bib number:</strong></label>
                                                <div class="col-md-9">
                                                    <p class="form-control-static">{{{ ($team->bib_number > 0 && $team->bib_number != '')?$team->bib_number:'unassigned' }}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!--/span-->
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label col-md-3"><strong>Start Time:</strong></label>
                                                <div class="col-md-9">
                                                    <p class="form-control-static">
                                                        @if($team->bib_number > 0 && $team->bib_number != '' && !empty($team->start_time) && $team->start_time != '00:00:00')
                                                        {{$team->start_time}}
                                                        @else
                                                        unassigned
                                                        @endif

                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <!--/span-->
                                    </div>
                                    <!--/row-->
                                    @endif
                                @endrole

                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Team Members:</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static"> {{ $runners_count }} </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Volunteers:</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static"> {{ $volunteers }} </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Drivers:</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static"> {{ $drivers }} </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="control-label col-md-3"><strong>Volunteers Paid:</strong></label>
                                            <div class="col-md-9">
                                                <p class="form-control-static">
                                                    {{{ ($team->volunteers_paid == '1')?'Yes':''  }}}
                                                    {{{ ($team->volunteers_paid == '0')?'No':''  }}}
                                                    {{{ ($team->volunteers_paid == '2')?'N/A':''  }}}
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    
                                </div>
                                <!--/row-->


                                
                            </div>
                        </form>



                    </div>
                </div>


                <!-- Begin: life time statistics -->
                @if($team->id == 761 || $team->id == 1144 || $team->id == 1240 || $team->id == 1242 || $team->id == 1318)
                    <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">Individuals</span>

                            </div>

                            <div class="actions">
                                <a href="javascript:void(0);" id="export_btn" class="btn btn-fit-height blue">Export</a>
                            </div>

                        </div>


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

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

                                <table id="teamsrunnes_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>
                                        @if($team->id == 1144)
                                        <th>Bib No</th>
                                        @endif
                                        @if($team->id == 761)
                                        <th>Family Member 1</th>
                                        <th>Family Member 2</th>
                                        <th>Family Member 3</th>
                                        @endif
                                    </tr>

                                    </thead>

                                    <tbody>

                                    @foreach($teammates as $teammate)

                                        <tr data-id="{{$teammate->id}}">

                                            <td>{{ date('m/d/Y h:i a', strtotime($teammate->user_updated_at))  }}</td>
                                            <td>{{ $teammate->user_first_name  }}</td>

                                            <td>{{ $teammate->user_last_name  }}</td>

                                            <td>{{ $teammate->member_cat_name  }}</td>
                                            
                                            <td>{{ $teammate->user_email  }}</td>

                                            <td>{{ $teammate->user_address.', '.$teammate->user_city.', '.$teammate->user_state.' '.$teammate->user_zipcode  }}</td>

                                            @if($team->id == 1144)
                                                @role('superadmin', 'admin')
                                                <td>