@extends('layouts.layout-auth')

@section('content')
<!-- Page Top Search / START -->
<div class="container-fluid top-status-bar bottom-shadow">
  <!--<div class="scti-container-in"> <a href="your-cart.php" class="status-note"><span class="tag-pill-cart2">10</span></a> <a href="your-cart.php" class="status-cart"><span class="tag-pill-cart2">02</span></a> </div>-->
</div>

<!-- Page Top Search / END -->
<div class="scti-container-in top-bot-spacer-40"> 
  <!-- Course Banner / START -->
  <div class="dashborad-profile">
    <div class="dashborad-profile-image-user">
      <div class="dashborad-profile-image-u" ng-controller="userImageController" data-ng-init="loadProfileImage('user')">
        <img ng-if="!profileImage.length" ng-click="uploadProfileImageModal('user')" src="{{ asset('images/default-profile-logo.png') }}" alt="" class="img-responsive">
        <img ng-if="profileImage.length" ng-click="uploadProfileImageModal('user')" ng-src="{{ asset('uploads/users') }}/<% profileImage %>" alt="" class="img-responsive">
      </div>
      <!--<div class="userprof-badge"><img src="{{ asset('images/employee-badge.png') }}" alt=""></div>-->
    </div>
    <div class="dashborad-profile-cont-wrp" ng-controller="userDashboardInfoController" data-ng-init="init()">
      <div class="dashborad-profile-cont">
        <h1>{{ Auth::user()->display_name }}</h1>
        <div class="location-info">
          <div class="content-det course-loc" ng-cloak><% user_profile.county_name %></div>
          <!-- Check business assigned -->
          <span ng-if="user_profile.business_id > 0">
              <div class="content-det course-booked" ng-cloak>
                <% user_profile.business_name %>
              </div>
              <div class="content-det-verify" ng-if="businessVerify == 1">
                <a href="" ng-click="companyApproveModal(user_profile.business_id)" title="Company not verified. Verify now.">Verify Now</a>
              </div>
              <div class="content-det-verify" ng-if="businessIsVerified == 1"><a>Verified</a></div>
          </span>
          <!-- end if -->
        </div>

        <div class="points">
          <div class="points-table" ng-cloak>
            <% user_profile.user_points %> Points
            <!--<a href="">
              <img src="{{ asset('images/refresh-icon.png') }}" alt="" class="pull-right">
            </a>-->
          </div>
        </div>
      </div>
      <!--<div class="last-course">Last done course: Supervision Skills, Dublin on 22-07-2016</div>-->
    </div>
  </div>
  
  <!-- Course Banner / END -->
  <div class="clearfix"></div>
  <!-- Course Details / START -->

  <div class="container no-padding top-margin-25">
    <div class="panel-group" id="accordion1">
      <div class="panel panel-default" ng-controller="courseListingCtrl" data-ng-init="loadWishlistMobile()">
        <div class="panel-heading">
          <h4 class="panel-title iconm-dashboard">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse1">Dashboard</a>
          </h4>
        </div>
        <div id="collapse1" class="panel-collapse collapse in">
          <div class="panel-body">
            <!--<img src="images/chart.jpg" alt="" class="img-responsive">-->
            <div class="clearfix"></div>
            <div class="container top-spacer">
                @widget('wishlistBlock')
            </div>
          </div>
        </div>
      </div>
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4 class="panel-title iconm-certificate">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse2">Certificate</a>
          </h4>
        </div>
        <div id="collapse2" class="panel-collapse collapse">
          <div class="panel-body" ng-controller="certificatesCtrl" data-ng-init="loadCertificates()">
            @include('frontend.user.partials._user_certificates')
          </div>
        </div>
      </div>
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4 class="panel-title iconm-cardandin">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse3">Invoice</a>
          </h4>
        </div>
        <div id="collapse3" class="panel-collapse collapse">
          <div class="panel-body">
            @include('frontend.user.partials._user_invoice')
          </div>
        </div>
        
      </div>
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4 class="panel-title iconm-bookedcourse">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse4">Upcoming Course</a>
          </h4>
        </div>
        <div id="collapse4" class="panel-collapse collapse">
          <div class="panel-body" ng-controller="bookedCoursesCtrl" data-ng-init="initUser()">
            @include('frontend.user.partials._user_booked_courses')
          </div>
        </div>
      </div>

      <div class="panel panel-default" ng-controller="userSettingsCtrl" data-ng-init="init()">
        <div class="panel-heading">
          <h4 class="panel-title iconm-settings">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse5">Settings</a>
          </h4>
        </div>
        <div id="collapse5" class="panel-collapse collapse">
          <div id="setting-drop" class="panel-body">
          
          <div>
            <select class="selectpicker" id="settingSelect">
              <option value="general">General</option>
              <option value="security">Security</option>
              <option value="privacy">Privacy</option>
              <option value="notification">Notifications</option>
              <option value="interest">Interests</option>
              <!--<option value="department">Department</option>
              <option value="admin">Admin</option>-->
            </select>
        </div>
        <div class="general dropdiv firstdiv">
            <div class="general-cont">
                <form method="post" name="frmUserSettings" id="frmUserSettings" enctype="multipart/form-data" ng-submit="generalSettingsSave(settingsFields)">
                  {!! csrf_field() !!}
                  <div class="general-cont">
                    <input class="input-settings form-control uname" name="display_name" placeholder="Name" type="text" ng-model="settingsFields.display_name">
                    <label class="settingslb">SCTI ID : {{ Auth::user()->scti_id }}</label>
                    <input class="input-settings form-control emailid" name="business_email" placeholder="Email" type="text" ng-model="settingsFields.business_email">
                    <input class="input-settings form-control mobileno" name="phone" placeholder="Mobile" type="text" ng-model="settingsFields.phone">
                    <input class="input-settings form-control dtcalender" id="dob" name="dob" placeholder="Date of Birth" type="text" ng-model="settingsFields.dob">
                    <textarea class="txtinput" name="address_line1" cols="" rows="" placeholder="Address" ng-model="settingsFields.address_line1"></textarea>
                    <ol class="nya-bs-select input-settings form-control" name="county_id" id="county_id" ng-model="settingsFields.county_id" title="County" data-live-search="true" data-size="10">
                      <li nya-bs-option="(id, value) in counties group by value.county_en" value="value.id">
                        <a>
                          <% value.county_en %>
                          <span class="glyphicon glyphicon-ok check-mark"></span>
                        </a>
                      </li>
                    </ol>
                    <label class="settingslb2"></label>
                    <div class="form-group">
                      <label for="user_cv">Upload CV</label>
                      <input class="form-control" name="user_cv" placeholder="CV Upload" type="file" ng-model="settingsFields.user_cv" onchange="angular.element(this).scope().setFiles(this)">
                    </div>

                  </div>
                  <div class="settings-control">
                    <button type="submit" class="btn savebtn">Save</button>
                    <button type="button" class="btn cancelbtn" ng-click="formReset()">Cancel</button>
                  </div>
                </form>
            </div>
          </div>

            <div class="security dropdiv">
              <div class="security-cont">
                  <button type="button" class="btn grn-brd-btn" ng-init="showPswdResetForm=false" ng-click="showPswdResetForm = !showPswdResetForm">Change Password</button>
                  <div class="row" ng-show="showPswdResetForm">
                    <span class="help-block red" ng-if="resetFields.new_password != resetFields.confirm_password">Password not matching.</span>
                    <form name="frmPswdReset" id="frmPswdReset" ng-submit="savePassword(resetFields)">
                      <div class="form-group">
                        <input type="password" placeholder="Current Password" class="input-settings form-control" id="current_password" ng-blur="checkPassword(resetFields.current_password)" ng-model="resetFields.current_password" required>
                        <span class="help-block"><% passwordMisMatchMsg %></span>
                      </div>
                      <div class="form-group">
                        <input type="password" placeholder="New Password" class="input-settings form-control" id="new_password" ng-model="resetFields.new_password" required>
                      </div>
                      <div class="form-group">
                        <input type="password" placeholder="Confirm Password" class="input-settings form-control" id="confirm_password" ng-model="resetFields.confirm_password" required>
                      </div>
                      <div class="form-group">
                        <button type="submit" ng-disabled="resetFormValid || resetFields.new_password != resetFields.confirm_password" class="btn btn-primary">Save</button>
                      </div>
                    </form>
                  </div>
                <h2>Login Alert</h2>
                <form name="frmLoginAlerts" id="frmLoginAlerts" method="post" ng-submit="saveLoginAlert(login_alert)">
                    <div class="radio radio-success">
                      <input type="radio" name="login_alert" id="login_alert" ng-model="login_alert" value="1" ng-checked="settingsFields.login_alert==1">
                      <label for="radio1"> Email login alerts to <% settingsFields.business_email %></label>
                    </div>
                    <div class="radio radio-success">
                      <input type="radio" name="login_alert" id="login_alert" ng-model="login_alert" value="0" ng-checked="settingsFields.login_alert==0">
                      <label for="radio2"> Don't get email alerts </label>
                    </div>

                <!--<button type="button" class="btn grn-brd-btn top-margin-25">3D Password</button>-->
                <!--<p class="color-red"><a href=""><span><img src="images/delete-red-icon.png" alt=""></span>Delete my account</a><span class="left-margin-10"><a href="" data-toggle="tooltip" data-placement="top" title="Information"><img src="images/question-icon.png" alt=""></a></span></p>-->
              </div>
                <div class="settings-control">
                  <button type="submit" class="btn savebtn">Save</button>
                  <button type="button" class="btn cancelbtn">Cancel</button>
                </div>
              </form>
            </div>

            <div class="privacy dropdiv" ng-controller="userPrivacyCtrl" data-ng-init="init()">
              @include('frontend.partials._settings_privacy')
            </div>

        <div class="notification dropdiv" ng-controller="userNotificationCtrl" data-ng-init="init()">
          @include('frontend.partials._settings_notification')
        </div>
        <div class="interest dropdiv" ng-controller="myInterestCtrl" data-ng-init="init()">
          @include('frontend.partials._settings_myinterests')
        </div>
        <div class="department dropdiv">Secondo sed ac orci quis tortor imperdiet venenatis. Aliquam in felis sit amet augue. Duis elementum auctor accumsan.</div>
        <div class="admin dropdiv">Duis elementum auctor accumsan. Secondo sed ac orci quis tortor imperdiet venenatis. Aliquam in felis sit amet augue.</div> 
          
          
          </div>
        </div>
        
      </div>  
    </div>
  </div>

  <!-- Course Details / END -->
  <section id="latest-news" ng-controller="courseListingCtrl">
      @widget('recommendedCourseMobile')
  </section>
  <div class="clearfix"></div>
</div>



  <!-- Modals -->
  <div id="regPopup" class="modal fade" role="dialog" aria-hidden="true">
  <div class="modal-dialog fadeInUpQuick animated"> 
    
    <!-- Modal content-->
    <div class="modal-content">
      <button type="button" class="close" data-dismiss="modal"></button>
      <div class="modal-body">
        <ul id="tabs" class="nav nav-tabs" role="tablist">
          <li role="presentation" class="active"><a href="#reg1" role="tab" data-toggle="tab">Register as Individual</a></li>
          <li role="presentation"><a href="#reg2" role="tab" data-toggle="tab">Register for Business</a></li>
        </ul>
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane fade in active popup-reg-cont" id="reg1">
            <div class="input-placeholder">
              <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" name="sctiid" id="sctiid" placeholder="Name"/>
              <span class="name form-control-feedback"></span> </div>
            <div class="input-placeholder">
              <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" name="sctiid" id="sctiid" placeholder="Email"/>
              <span class="envelop form-control-feedback"></span> </div>
            <div class="input-placeholder">
              <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="password" name="sctipw" id="sctipw" placeholder="Password"/>
              <span class="lock form-control-feedback"></span> </div>
            <div class="input-placeholder">
              <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="password" name="sctipw" id="sctipw" placeholder="Mobile Number"/>
              <span class="mobile form-control-feedback"></span> </div>
            <div class="checkbox checkbox-success">
              <input id="checkbox3" class="styled" type="checkbox">
              <label for="checkbox3"> I'd like to receive coupons, promotions, surveys, and updates via email about Social Care Traning Ireland. </label>
            </div>
            <p>By signing up, I agree to Social Care Traning Ireland <a href="">Terms of Service, Payments Terms of Service, Privacy Policy.</a></p>
            <button type="button" class="btn popup-login-btn">Signup</button>
            <a href="#logPopup" data-toggle="modal" data-dismiss="modal" class="have-account">Already a member | login</a>
            <div class="clearfix"></div>
          </div>
          <div role="tabpanel" class="tab-pane fade popup-reg-cont" id="reg2">
            <div class="input-placeholder">
              <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" name="sctiid" id="sctiid" placeholder="Company Name"/>
              <span class="name form-control-feedback"></span> </div>
            <div class="input-placeholder">
              <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" name="sctiid" id="sctiid" placeholder="Email"/>
              <span class="envelop form-control-feedback"></span> </div>
            <div class="input-placeholder">
              <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="password" name="sctipw" id="sctipw" placeholder="Password"/>
              <span class="lock form-control-feedback"></span> </div>
            <div class="input-placeholder">
              <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="password" name="sctipw" id="sctipw" placeholder="Business Registration No"/>
              <span class="regNo form-control-feedback"></span> </div>
            <div class="checkbox checkbox-success">
              <input id="checkbox3" class="styled" type="checkbox">
              <label for="checkbox3"> I'd like to receive coupons, promotions, surveys, and updates via email about Social Care Traning Ireland. </label>
            </div>
            <p>By signing up, I agree to Social Care Traning Ireland <a href="">Terms of Service, Payments Terms of Service, Privacy Policy.</a></p>
            <button type="button" class="btn popup-login-btn">Signup</button>
            <a href="#logPopup" data-toggle="modal" data-dismiss="modal" class="have-account">Already a member | login</a>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="logPopup" class="modal fade" role="dialog" aria-hidden="true">
  <div class="modal-dialog fadeInUpQuick animated"> 
    
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <h2>Login</h2>
        <button type="button" class="close" data-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <div class="input-placeholder">
          <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" name="sctiid" id="sctiid" placeholder="Email"/>
          <span class="envelop form-control-feedback"></span> </div>
        <div class="input-placeholder">
          <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="password" name="sctipw" id="sctipw" placeholder="Password"/>
          <span class="lock form-control-feedback"></span> </div>
        <p><a href="">Forgot Password?</a></p>
        <button type="button" class="btn popup-login-btn">Login</button>
        <a href="#regPopup" data-toggle="modal" data-dismiss="modal" class="have-account">Register</a>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
</div>
<div id="addempPopup" class="modal fade" role="dialog" aria-hidden="true">
  <div class="modal-dialog fadeInUpQuick animated"> 
    
    <!-- Modal content-->
    <div class="modal-content">
      <button type="button" class="close" data-dismiss="modal"></button>
      <div class="modal-body">
        <ul id="tabs" class="nav nav-tabs" role="tablist">
          <li role="presentation" class="active"><a href="#emp1" role="tab" data-toggle="tab">Create New Employee</a></li>
          <li role="presentation"><a href="#emp2" role="tab" data-toggle="tab">Add Employee by SCTI ID</a></li>
        </ul>
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane fade in active popup-reg-cont" id="emp1">
            <div class="input-placeholder">
              <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" name="sctiid" id="sctiid" placeholder="Search"/>
              <span class="search form-control-feedback"></span> </div>
            <table class="table">
              <tbody>
                <tr id="emptable">
                  <td><div class="radio radio-success">
                      <input name="radio01" id="radio01" value="option1" checked="" type="radio">
                      <label for="radio01"> </label>
                    </div></td>
                  <td><div class="empprof-wrap">
                      <div class="empprof"><img src="{{ asset('images/emp-profile-1.jpg') }}" alt="" class="img-responsive"></div>
                    </div></td>
                  <td><div class="empname padding-top-5"><strong>Eddie Lobanovskiy</strong><br>
                      1371 <em>(SCTI ID)</em><br>
                      lobanovskiy@creativedash.com<br>
                      +353 9873647283 </div></td>
                </tr>
              </tbody>
            </table>
            <select id="" class="selectpicker selectlocation" data-live-search="true" title="Add Department">
              <option data-tokens="first">Manager</option>
            </select>
            <div class="input-placeholder2">
              <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" name="sctiid" id="sctiid" placeholder="Employee ID"/>
            </div>
            <button type="button" class="btn popup-login-btn">Add Employee</button>
            <div class="clearfix"></div>
          </div>
          <div role="tabpanel" class="tab-pane fade popup-reg-cont" id="emp2">
            <div class="input-placeholder">
              <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" name="sctiid" id="sctiid" placeholder="Search SCTI ID"/>
              <span class="search form-control-feedback"></span> </div>
            <table class="table">
              <tbody>
                <tr id="emptable">
                  <td><div class="radio radio-success">
                      <input name="radio02" id="radio02" value="option1" checked="" type="radio">
                      <label for="radio02"> </label>
                    </div></td>
                  <td><div class="empprof-wrap">
                      <div class="empprof"><img src="{{ asset('images/emp-profile-2.jpg') }}" alt="" class="img-responsive"></div>
                    </div></td>
                  <td><div class="empname padding-top-5"><strong>Eddie Lobanovskiy</strong><br>
                      1372 <em>(SCTI ID)</em><br>
                      lobanovskiy@creativedash.com<br>
                      +353 9873647283 </div></td>
                </tr>
              </tbody>
            </table>
            <select id="" class="selectpicker selectlocation" data-live-search="true" title="Add Department">
              <option data-tokens="first">Manager</option>
            </select>
            <button type="button" class="btn popup-login-btn">Add Employee</button>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="allocatePopup" class="modal fade" role="dialog" aria-hidden="true">
  <div class="modal-dialog fadeInUpQuick animated"> 
    
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <h3>Select and Allocate your Employees for the course</h3>
        <button type="button" class="close" data-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-7">
            <div class="allocate-panel-wrp">
              <div class="icon-addon addon-lg">
                <input placeholder="Search by name or employee id" class="form-control" id="search" type="text">
              </div>
              <div class="allocate-panel">
                <div class="empprof-wrap">
                  <div class="empprof"><img src="{{ asset('images/emp-profile-1.jpg') }}" alt="" class="img-responsive"></div>
                </div>
                <div class="allocate-empname">Eddie Lobanovskiy<br>
                  <span>1371</span> </div>
                <button class="allocate-add-btn">Add</button>
              </div>
              <div class="allocate-panel">
                <div class="empprof-wrap">
                  <div class="empprof"><img src="images/emp-profile-2.jpg" alt="" class="img-responsive"></div>
                </div>
                <div class="allocate-empname">Dan Cederholm<br>
                  <span>1372</span> </div>
                <button class="allocate-add-btn">Add</button>
              </div>
              <div class="allocate-panel">
                <div class="empprof-wrap">
                  <div class="empprof"><img src="images/emp-profile-3.jpg" alt="" class="img-responsive"></div>
                </div>
                <div class="allocate-empname">Kerem Suer<br>
                  <span>1373</span> </div>
                <button class="allocate-add-btn">Add</button>
              </div>
            </div>
          </div>
          <div class="col-md-5">
            <div class="allocate-panel-wrp">
              <h4>You have 3 seats available in this course</h4>
              <div class="allocate-panel2">
                <div class="empprof-wrap">
                  <div class="empprof"><img src="images/emp-profile-4.jpg" alt="" class="img-responsive"></div>
                </div>
                <div class="allocate-empname2">Julien Renvoye<br>
                  <span>1374</span> </div>
                <button class="allocate-add-btn">Remove</button>
              </div>
              <div class="allocate-panel2">
                <div class="empprof-wrap">
                  <div class="empprof"><img src="images/emp-profile-1.jpg" alt="" class="img-responsive"></div>
                </div>
                <div class="allocate-empname2">Pontus Johansson<br>
                  <span>1375</span> </div>
                <button class="allocate-add-btn">Remove</button>
              </div>
            </div>
          </div>
        </div>
        <div class="allocate-panel-control">
          <button type="button" class="btn cancelbtn">Cancel</button>
          <button type="button" class="btn savebtn">Save</button>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
</div>
<!-- Modals End -->
@endsection

@push('scripts')
<script type="text/javascript">
    $(function(){
      $('#empdet').slimScroll({
          height: 'auto'
      });

      $('#dob').datepicker({
        todayHighlight: true
      });
    });
</script>
@endpush