@extends('master.admin')

@push('header.scripts')
<!-- BEGIN PAGE LEVEL PLUGINS -->
<!-- END PAGE LEVEL PLUGINS -->
@stop

@push('footer.scripts')
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="{{ asset('public/assets/pages/scripts/components-select2.js') }}" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
    $(function() {
        $("#role").change(function(e){  
            $('#tracking_source_div').hide();
            $('#source_id').attr('required', false);
            $('#source_id').val('');
            
            $('#vendors_div').hide();
            $('#select2-vendors-group-append').attr('required', false);
            $("#select2-vendors-group-append").select2("val", "");
                
            if($(this).val() == '4'){
                $('#tracking_source_div').show();
                $('#source_id').attr('required', true);
            }else if($(this).val() == '5'){
                $('#vendors_div').show();
                $('#select2-vendors-group-append').attr('required', true);
            }
        });
        @if( $user_role == '4' )
            $('#tracking_source_div').show();
            $(' #source_id').attr('required', true);
        @endif
        @if( $user_role == '5' )
            $('#vendors_div').show();
            $('#select2-vendors-group-append').attr('required', true);
        @endif
    });
</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">
            <ul class="page-breadcrumb">
                <li>
                    <a href="{{url('admin/users')}}">Users</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <span>Edit User</span>
                </li>
            </ul>
        </div>
        <!-- END PAGE BAR -->
        <!-- BEGIN PAGE TITLE-->
        <h3 class="page-title"> </h3>
        <!-- END PAGE TITLE-->
        @if (count($errors) > 0)
        <div class="alert alert-danger">
            <button type="button" class="close" data-dismiss="alert"></button>
            <h4 class="alert-heading"><strong>Validation Errors!</strong></h4>
            <ul>
                @foreach ($errors->all() as $error)
                <li> {{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        <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-pencil"></i>Edit User</div>
                        <div class="tools"></div>
                    </div>
                    <div class="portlet-body form">

                         {!! Form::open(array('url' => 'admin/users/update', 'method' => 'patch', 'autocomplete' => 'false')) !!}

                            <input type="hidden" name="id" value="{{$row->id}}" />
                            <input type="hidden" name="teammember_id" value="{{{ isset($teammember)?$teammember->id:'' }}}" />
                            <div class="form-body">

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">First Name <span class="required">*</span></label>
                                            <input type="text" id="first_name" name="first_name" class="form-control" required="" value='{{$row->first_name}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                     <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Last Name <span class="required">*</span></label>
                                            <input type="text" id="last_name" name="last_name" class="form-control" required="" value='{{$row->last_name}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Email <span class="required">*</span></label>
                                            <input type="email" id="email" name="email" class="form-control" required="" value='{{$row->email}}' >
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Status <span class="required">*</span></label>
                                            <div class="form-group">
                                                <select class="form-control" id="active" name="active" required="">
                                                    <option value="">Select</option>
                                                    <option value="1" {{{ ($row->active == '1')? 'selected="selected"':'' }}}>Active</option>
                                                    <option value="0" {{{ ($row->active == '0')? 'selected="selected"':'' }}}>Inactive</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Password </label>
                                            <input type="password" id="password" name="password" class="form-control"  >
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Confirm Password </label>
                                            <input type="password" id="password_confirmation" name="password_confirmation" class="form-control"  >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Address</label>
                                            <input type="text" id="address" name="address" class="form-control" value='{{$row->address}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">City <span class="required">*</span></label>
                                            <input type="text" id="city" name="city" class="form-control" value='{{$row->city}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">State</label>
                                            <select class="form-control" id="state" name="state" data-id="{{$row->state}}" >
                                                <option value="">Select</option>
                                                @foreach(list_us_states() as $state)
                                                    <option value="{{ $state->code }}" {{{ ($state->code == $row->state)?'selected':''  }}}>{{ $state->code }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">zipcode </label>
                                            <input type="text" data-id="{{$row->zipcode}}" id="zipcode" name="zipcode" class="form-control" value='{{$row->zipcode}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Phone</label>
                                            <input type="text" id="phone" name="phone" class="form-control" value='{{$row->phone}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Gender </label>
                                            <select class="form-control" id="gender" name="gender" >
                                                <option value="">Select</option>
                                                <option value="Male" {{{ ($row->gender == 'm' || $row->gender == 'Male')?'selected':''  }}}>Male</option>
                                                <option value="Female" {{{ ($row->gender == 'f' || $row->gender == 'Female')?'selected':''  }}}>Female</option>
                                                <option value="Non-binary" {{{ ($row->gender == 'Non-binary')?'selected':''  }}}>Non-binary</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">DOB</label>
                                            <input type="text" id="dob" name="dob" class="form-control datepicker" value="{{{ ($row->dob != '1969-12-31' && $row->dob != '0000-00-00')?date('m/d/Y', strtotime($row->dob)):'' }}}" placeholder="mm/dd/yyyy" >
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">IP Address</label>
                                            <input type="text" id="ipaddress" name="ipaddress" class="form-control" value='{{$row->ipaddress}}' >
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">T-shirt size</label>
                                            <select id="shirt_size" name="shirt_size" class="form-control">
                                                <option value="0">T-shirt size</option>
                                                @foreach(list_tshirt_sizes() as $tshirt)
                                                    <option value="{{ $tshirt->id }}" {{{ (isset($teammember)  && $tshirt->id == $teammember->shirt_size)?'selected':''  }}}>{{ $tshirt->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Average 10k Pace</label>
                                            <select id="time_10k" name="time_10k" class="form-control">
                                                <option value="0">Please select a time - in minutes</option>
                                                @foreach(list_time_10k() as $time)
                                                    <option value="{{ $time->id }}" {{{ (isset($teammember) && $time->id == $teammember->time_10k)?'selected':''  }}}>{{ $time->value }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">This is my __ in - {{{ (isset($teammember)?$teammember->event_name:'') }}}</label>
                                            <select id="experience" name="experience" class="form-control">
                                                <option value="0">This is my __ in - {{$teammember->event_name}}</option>
                                                <option value="1" {{{ (isset($teammember) && $teammember->experience == '1')?'selected':''  }}}>This is my 1st in - {{$teammember->event_name}}</option>
                                                <option value="2" {{{ (isset($teammember) && $teammember->experience == '2')?'selected':''  }}}>This is my 2nd in - {{$teammember->event_name}}</option>
                                                <option value="3" {{{ (isset($teammember) && $teammember->experience == '3')?'selected':''  }}}>This is my 3rd in - {{$teammember->event_name}}</option>
                                                <option value="4" {{{ (isset($teammember) && $teammember->experience == '4')?'selected':''  }}}>This is my 4th in - {{$teammember->event_name}}</option>
                                                <option value="5" {{{ (isset($teammember) && $teammember->experience == '5')?'selected':''  }}}>This is my 5th in - {{$teammember->event_name}}</option>
                                                <option value="6" {{{ (isset($teammember) && $teammember->experience == '6')?'selected':''  }}}>This is my 6th in - {{$teammember->event_name}}</option>
                                                <option value="7" {{{ (isset($teammember) && $teammember->experience == '7')?'selected':''  }}}>This is my 7th in - {{$teammember->event_name}}</option>
                                                <option value="8" {{{ (isset($teammember) && $teammember->experience == '8')?'selected':''  }}}>This is my 8th in - {{$teammember->event_name}}</option>
                                                <option value="9" {{{ (isset($teammember) && $teammember->experience == '9')?'selected':''  }}}>This is my 9th in - {{$teammember->event_name}}</option>
                                                <option value="10" {{{ (isset($teammember) && $teammember->experience == '10')?'selected':''  }}}>This is my 10th in - {{$teammember->event_name}}</option>
                                                <option value="11" {{{ (isset($teammember) && $teammember->experience == '11')?'selected':''  }}}>This is my 11th in - {{$teammember->event_name}}</option>
                                                <option value="12" {{{ (isset($teammember) && $teammember->experience == '12')?'selected':''  }}}>This is my 12th in - {{$teammember->event_name}}</option>
                                                <option value="13" {{{ (isset($teammember) && $teammember->experience == '13')?'selected':''  }}}>This is my 13th in - {{$teammember->event_name}}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!--/span-->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Role <span class="required">*</span></label>
                                            <select class="form-control" id="role" name="role" required="">
                                                <option value="">Select</option>
                                                @foreach($roles as $role)
                                                    <option value="{{ $role->id }}" {{{ ($role->id == $user_role)? 'selected="selected"':'' }}}>{{ $role->display_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                                <!--/row-->

                                <div class="form-actions right">
                                    <a href="{{url('admin/users')}}" class="btn default">Cancel</a>
                                    <button type="submit" class="btn blue">
                                        <i class="fa fa-check"></i> Save
                                    </button>
                                </div>

                            </div>
                        {!! Form::close() !!}

                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- END CONTENT BODY -->
</div>
<!-- END CONTENT WRAPPER -->    


@stop