@extends('coaching.layout.master')

@section('title')
	Admisure Coaching | Profile
@endsection

@section('content')

<div class="app-content my-3 my-md-5">
  <div class="side-app">
    <div class="page-header">
      <ol class="breadcrumb">
        <li class="breadcrumb-item">
          <a href="{{route('coaching.dashboard')}}">Dashboard</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">
          My Profile
        </li>
      </ol>
    </div>
    <!-- MAIN BODY CONTENT -->
    <h1>My Profile</h1>

    <div class="card">
      <div class="card-body">
        <div class="info-header">
            <div class="info-avatar">
              @if(Auth::guard('coaching')->user()->picture == NULL)
                <span class="avatar cover-image avatar-xxl brround"
                  data-image-src="{{asset('admin/images/profile-avatar.jpg')}}">
                </span>
              @else
                <span class="avatar cover-image avatar-xxl brround"
                  data-image-src="{{asset('storage/manager/picture/'.Auth::guard('coaching')->user()->picture)}}">
                </span>
              @endif
              <label for="profile_pic" class="edit-photo-overlay">
                <i class="fa fa-camera"></i>
                <span>Edit Photo</span>
                <input type="file" name="profile_pic" class="d-none" id="profile_pic">
              </label>
            </div>
            <div id="myProgress" style="display: none; width: 15%">
              <div id="myBar"></div>
            </div>
          <div class="info-detail">
            @if($coachingDetails->coaching_verification == 1)
            <span class="varified"><img src="{{asset('admin/images/verified.svg')}}" alt=""> Verified</span>
            @endif
            <h4>{{Auth::guard('coaching')->user()->manager_holder_name}}</h4>
            <p class="desg">Coaching Administrator</p>
          </div>
        </div>
        <ul class="info-tab mb-6">
          <li class="" id="pd"><a href="#personal-details">Administrator Details</a></li>
          <!-- <li class="" id="d"><a href="#documents">Documents</a></li> -->
          <li class="" id="as"><a href="#settings">Status</a></li>
        </ul>
        <!-- Personal Details -->
        <div class="personal-details-tab" id="personal-details-tab">
          <form method="post" id="coaching_change_profile_frm" enctype="multipart/form-data">
          {{csrf_field()}}
            <div class="form-row">
              <div class="col-lg-12">
                <h3 class="my-5">Administrator Details</h3>
              </div>
                <div class="form-group col-lg-6">
                  <label for="" class="form-label">Name</label>
                  <input type="text" class="form-control" placeholder="Enter Your First Name" name="username" id="username" value="{{Auth::guard('coaching')->user()->manager_holder_name}}">
                </div>
                <div class="form-group col-lg-6">
                  <label for="" class="form-label">Email</label>
                  <input type="text" class="form-control" placeholder="Enter Your Last Name" value="{{Auth::guard('coaching')->user()->email}}" readonly>
                </div>
                <div class="form-group col-lg-6">
                  <label for="" class="form-label">Primary Phone Number <span class="text-danger">*</span></label>
                  <input type="hidden" name="vpn" id="vpn" value="{{Auth::guard('coaching')->user()->primary_number_verify}}">
                  <div class="input-prefix">
                    <span class="prefix">+91</span>
                    <input type="text" class="form-control" value="{{Auth::guard('coaching')->user()->primary_no}}" placeholder="Enter Primary Phone Number" name="pnumber" id="pnumber" maxlength="10">
                    <span class="verify" id="primary_span">
                      @if(Auth::guard('coaching')->user()->primary_number_verify > 0)
                      <svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63">
                        <g transform="translate(-644 -198)">
                          <rect width="63" height="63" transform="translate(644 198)" fill="rgba(0,0,0,0)" />
                          <path
                            d="M26.5,53A26.5,26.5,0,1,1,53,26.5,26.53,26.53,0,0,1,26.5,53ZM11.672,23.844A2.641,2.641,0,0,0,9.8,28.356l9.514,9.514a2.636,2.636,0,0,0,1.877.775,2.57,2.57,0,0,0,1.858-.775L43.169,17.754a2.642,2.642,0,1,0-3.737-3.735L21.2,32.25,13.54,24.618A2.624,2.624,0,0,0,11.672,23.844Z"
                            transform="translate(650 204)" fill="" />
                        </g>
                      </svg>
                      @endif
                      <a href="javascript:void(0)"
                        class="text-warning text-underline primary_verify" data-id="{{Auth::guard('coaching')->user()->primary_no}}">Verify</a>
                    </span>
                  </div>
                </div>
                <div class="form-group col-lg-6">
                  <label for="" class="form-label">Secondary Phone Number </label>
                  <input type="hidden" name="vsn" id="vsn" value="{{Auth::guard('coaching')->user()->secondary_number_verify}}">
                  <div class="input-prefix">
                    <span class="prefix">+91</span>
                    
                    <input type="text" class="form-control" value="{{Auth::guard('coaching')->user()->secondary_no}}"
                      placeholder="Enter Secondary Phone Number" name="snumber" id="snumber" maxlength="10">

                    <span class="verify" id="secondary_span">
                      @if(Auth::guard('coaching')->user()->secondary_number_verify > 0)
                      <svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63">
                        <g transform="translate(-644 -198)">
                          <rect width="63" height="63" transform="translate(644 198)" fill="rgba(0,0,0,0)" />
                          <path
                            d="M26.5,53A26.5,26.5,0,1,1,53,26.5,26.53,26.53,0,0,1,26.5,53ZM11.672,23.844A2.641,2.641,0,0,0,9.8,28.356l9.514,9.514a2.636,2.636,0,0,0,1.877.775,2.57,2.57,0,0,0,1.858-.775L43.169,17.754a2.642,2.642,0,1,0-3.737-3.735L21.2,32.25,13.54,24.618A2.624,2.624,0,0,0,11.672,23.844Z"
                            transform="translate(650 204)" fill="" />
                        </g>
                      </svg>
                    @endif
                      <a href="javascript:void(0)"
                        class="text-warning text-underline secondary_verify" data-id="{{Auth::guard('coaching')->user()->secondary_no}}">Verify</a>
                    </span>
                  </div>
                </div>
                
                <div class="form-group col-lg-12">
                  <label for="" class="form-label">Address</label>
                  <textarea name="address" id="address" class="form-control textarea-sm">{{Auth::guard('coaching')->user()->address}}</textarea>
                </div>

                <div class="form-group col-lg-6">
                  <label for="" class="form-label">Postal / Zip Code</label>
                  <div class="input-prefix">
                    <input type="text" class="form-control" placeholder="Enter Postal/Zip Code" value="{{Auth::guard('coaching')->user()->zipcode}}" name="zipcode" id="zipcode">
                  </div>
                </div>
                
                <div class="form-group col-lg-6">
                  <label for="" class="form-label">Country <span class="text-danger">*</span></label>
                  <select name="country" id="country" class="form-control">
                    <option value="105" @if(Auth::guard('coaching')->user()->country_id == 105){{'selected'}}@endif>India</option>
                  </select>
                </div>
                
                <div class="form-group col-lg-6">
                  <label for="" class="form-label">State <span class="text-danger">*</span></label>
                  <select name="state" id="state" class="form-control" onchange="getCityVal(this)">
                    @if(!$state->isEmpty())
                    @foreach($state as $val)
                    <option value="{{$val->id}}" @if(Auth::guard('coaching')->user()->state_id == $val->id){{'selected'}}@endif>{{$val['name']}}</option>
                    @endforeach
                    @endif
                  </select>
                </div>
                <div class="form-group col-lg-6">
                  <label for="" class="form-label">City <span class="text-danger">*</span></label>
                  <select name="city" id="city" class="form-control">
                    @if(!$city->isEmpty())
                    @foreach($city as $val)
                    <option value="{{$val->id}}" @if(Auth::guard('coaching')->user()->city_id == $val->id){{'selected'}}@endif>{{$val['city']}}</option>
                    @endforeach
                    @endif
                  </select>
                </div>
                
                <div class="test-footer col-lg-12">
                  <button type="submit" class="btn btn-primary btn-streach font-book mt-5 ml-3 fs-14">Save</button>
                </div>
            </div>
          </form>
        </div>
        <!-- Personal Detrails End -->

        <!-- Documents Tab -->
        <!-- <div class="documents-tab" id="documents-tab">
          <form method="post" id="coaching_document_frm" enctype="multipart/form-data">
          {{csrf_field()}}
            <div class="form-row">
              <div class="col-lg-12">
                <h3 class="my-5">Identity Proof (Optional)</h3>
              </div>
                <div class="form-group col-lg-6 id_proof_select">
                  <label for="totalMarks" class="form-label">Choose Document<span class="text-danger"></span></label>
                  <select name="id_proof" id="id_proof" class="form-control">
                    <option value="1"   @if(Auth::guard('coaching')->user()->id_proof == 1){{'selected'}}@endif>Voter Card</option>
                    <option value="2"  @if(Auth::guard('coaching')->user()->id_proof == 2){{'selected'}}@endif>Adhar Card</option>
                    <option value="3"  @if(Auth::guard('coaching')->user()->id_proof == 3){{'selected'}}@endif>Other Card</option>
                  </select>
                </div>

                <div class="form-group col-lg-6 voter_cls">
                  <label for="totalMarks" class="form-label id_type_lbl">Voter Card Number<span class="text-danger"></span></label>
                  <span class="mark_block">
                    <input type="text" class="form-control" name="id_card_no" id="id_card_no" value="" placeholder="XXXX" disabled/>
                    <a href="javascript:void(0)" class="edit_blank"><i class="fa fa-pencil"></i></a>
                  </span>
                </div>

                <div class="col-lg-12 id_proof_upload_cls">
                    <div class="package-image">
                      <label for="" class="form-label id_type_lbl_file">Voter Card</label>
                      <div class="row">
                        <div class="col-md-12 col-lg-12">
                          <div class="form-group">
                            <input type="file" class="form-control uploads_docs" name="id_proofs[]" id="banner_upload" multiple="multiple">
                            <ul class="img-add">

                              @if($coachingDocsId)
                                @foreach($coachingDocsId as $ids)
                                                                    <input type="hidden" name="exist_picture" id="exist_picture" value="{{$ids->filename}}">
                                  <li>
                                    <div class="img-box">
                                      @if($file_extension[1] == 'pdf')
                                      <a href="{{url('/storage/coaching/id_proofs/'.$ids->filename)}}" target="_blank">
                                        <img src="{{asset('admin/images/pdf.png')}}" alt="">
                                      </a>
                                      @elseif($file_extension[1] == 'doc' || $file_extension[1] == 'docx')
                                      <a href="{{url('/storage/coaching/id_proofs/'.$ids->filename)}}" target="_blank">
                                        <img src="{{asset('admin/images/doc.png')}}" alt="">
                                      </a>
                                      @else
                                      <a href="{{url('/storage/coaching/id_proofs/'.$ids->filename)}}" target="_blank">
                                        <img src="{{asset('storage/coaching/id_proofs/'.$ids->filename)}}" alt=""/>
                                      </a>
                                      @endif
                                    </div>
                                    <span class="doc_delete" data-id="{{base64_encode($ids->id)}}"><a href="#"><i class="fa fa-trash"></i></a></span>
                                    <span data-id="{{base64_encode($ids->id)}}" style="float: right;"><a href="{{url('/storage/coaching/id_proofs/'.$ids->filename)}}" download><i class="fa fa-download"></i></a></span>
                                  </li>
                                @endforeach
                              @endif
                            </ul> 
                          </div>
                        </div>
                      </div>
                    </div>
                </div>
                <div class="test-footer col-lg-12">
                  <button type="submit" class="btn btn-primary btn-streach font-book mt-5 ml-3 fs-14">Submit</button>
                </div>
            </div>
          </form>
        </div> -->
        <!-- Documents Tab End -->

        <!-- Settings Tab -->
        <div class="settings-tab" id="settings-tab">
          <div class="form-row">
            
            <div class="col-lg-12">
              <div class="cp-status-group">
                <p class="form-label">Copyright Status</p>
                <button class="btn btn-outline smiley" id="one" data-id="1">
                  <i class="fa fa-smile-o"></i>
                </button>
                <button class="btn btn-outline smiley" id="two" data-id="2">
                  <i class="fa fa-smile-o"></i>
                </button>
                <button class="btn btn-outline smiley" id="three" data-id="3">
                  <i class="fa fa-smile-o"></i>
                </button>
                <button class="btn btn-outline active smiley" id="four" data-id="4">
                  <i class="fa fa-smile-o"></i>
                </button>
                <p class="request">
                  You have 1 Copyright Request
                </p>
              </div>
            </div>
            <!-- <div class="col-lg-12 mt-6">
              <div class="table-responsive">
                <table class="table border-top-0">
                  <thead>
                    <tr>
                      <th>Type</th>
                      <th>Event</th>
                      <th>Content</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>Test Package</td>
                      <td>&copy; #1 Strike</td>
                      <td>
                        <p class="font-medium">SSC 2019 Crack Course</p><br>
                        <p><Strong>Reason: </Strong>Copyright takedown request</p>
                        <p><Strong>Claimed By: </Strong>Super 30 Coaching, Patna, Bihar(India) on jan 1, 2019</p>
                        <p><Strong>Expires On: </Strong>Apr1, 2019</p>

                        <p class="mt-3">
                          <button class="btn btn-primary px-5 fs-13" disabled>Appeal Now</button>
                          <span class="ml-2">72Hr Left</span>
                        </p>

                      </td>
                    </tr>

                  </tbody>
                </table>
              </div>
            </div> -->
            <div class="col-lg-12">
              <div class="ac-delete delete_account"><a href="#">Deactivate Account</a>
              </div>
            </div>

          </div>
        </div>
        <!-- // Settings tab end -->
      </div>
    </div>

    <!--// MAIN BODY CONTENT -->

    <div class="modal fade" id="delete-reasons" tabindex="-1" role="dialog"
      aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header pb-0">
        <h5 class="modal-title fs-20">Please Select Delete Reason</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
    <div class="modal-body px-5">     
    <p class="pb-4">This account contains {{$testSeriesCount}} test packages, {{$chapterCount}} chapter and {{$quizCount}} Quiz, Deleting your account will remove all of you content data associated with it.</p>  
    <h5>Tell Us Why You're Leaving:</h5>
    <input type="hidden" name="comm" id="del-comment" value="">
    @foreach($reasons as $val)
    <label class="custom-control custom-radio mb-3 font-book">
      <input type="radio" class="custom-control-input reason" name="example-radios" value="{{$val['id']}}" id="reason">
      <span class="custom-control-label">{{$val['reason']}}</span>
    </label>  
    @endforeach 
    <div class="form-row mb-5">
      <div class="col-lg-4">
            <label class="custom-control custom-radio mb-3 font-book">
          <input type="radio" class="custom-control-input reason" name="example-radios" value="0" id="others" checked>
          <span class="custom-control-label">Other</span>
        </label>
      </div>
      
      <div class="form-group col-lg-8 mb-0">
        <input type="text" class="form-control" id="oth" placeholder="Leave Reason" value="">
        <p class="error-others" style="display: none;">Please Fill Up</p>
      </div>
    </div>
    <h6>Enter your email address of password to Continue</h6>
      <div class="form-row">
      <div class="form-group col-lg-6">
        <input type="text" class="form-control" placeholder="username" id="user">
        <p class="error-user" style="display: none;">Please Fill Up</p>
      </div>
      <div class="form-group col-lg-6">
        <input type="text" class="form-control" placeholder="password" id="password">
        <p class="error-pass" style="display: none;">Please Fill Up</p>
      </div>
    </div>
       
  </div>
  <div class="modal-footer border-top">
    <button type="button" class="btn btn-outline-primary btn-pill btn-streach-md fs-13 cancel">Cancel</button>
    <button type="button" class="btn btn-primary btn-streach-md fs-13 deactivate">Deactivate My Account</button>
  </div>
  </div>
</div>
  </div>
</div>

@endsection
@section('scripts')
<script type="text/javascript">
  $(document).ready(function() {
    var pageURL = window.location.href;
    var lastURLSegment = pageURL.substr(pageURL.lastIndexOf('/') + 1);
    var id_proof = '{{Auth::guard('coaching')->user()->id_proof}}';
    var card_no = "{{Auth::guard('coaching')->user()->id_card_no}}";
    // alert(id_proof);

    var vis = card_no.slice(-4),
    countNum = '';

    for(var i = (card_no.length)-4; i>0; i--){
        countNum += 'X';
    }
    $('#id_card_no').val(countNum+vis); 
    

    if(id_proof == 1 || id_proof == 0){
          $('.id_type_lbl').html('Voter Card Number <span class="text-danger"></span>');
          $('.id_type_lbl_file').html('Voter Card <span class="text-danger"></span>');
      } else if(id_proof == 2){
          $('.id_type_lbl').html('Adhar Card Number <span class="text-danger"></span>');
          $('.id_type_lbl_file').html('Adhar Card <span class="text-danger"></span>');
      } else {
          $('.id_type_lbl').html('Other Card Number <span class="text-danger"></span>');
          $('.id_type_lbl_file').html('Other Card <span class="text-danger"></span>');
      }
    
    if(lastURLSegment == 'coaching-profile#personal-details' || lastURLSegment == 'coaching-profile')
    {
      $('#d').removeClass("active");
      $('#as').removeClass("active");
      $('#pd').addClass("active");
      $('#personal-details-tab').show();
      $('#documents-tab').hide();
      $('#settings-tab').hide();
    }
    else if(lastURLSegment == 'coaching-profile#documents')
    {
      $('#pd').removeClass("active");
      $('#as').removeClass("active");
      $('#d').addClass("active");
      $('#personal-details-tab').hide();
      $('#settings-tab').hide();
      $('#documents-tab').show();
    }
    else
    {
      $('#pd').removeClass("active");
      $('#d').removeClass("active");
      $('#as').addClass("active");
      $('#personal-details-tab').hide();
      $('#documents-tab').hide();
      $('#settings-tab').show();
    }


    @if(Session::has('success'))
      var success = "{{ Session::get('success') }}";
      Swal.fire(success);
    @endif

    @if(Session::has('errors'))
      var error = "{{ Session::get('errors') }}";
      alertify.error(error);
    @endif
  
    
  });
</script>
<script type="text/javascript">
  var primary_number = "{{Auth::guard('coaching')->user()->primary_no}}";
  var secondary_number = "{{Auth::guard('coaching')->user()->secondary_no}}";
  var primary_number_status = "{{Auth::guard('coaching')->user()->primary_number_verify}}";
  var secondary_number_status = "{{Auth::guard('coaching')->user()->secondary_number_verify}}";
  var email = "{{Auth::guard('coaching')->user()->email}}";
  var logout = "{{route('coaching.coaching_logout')}}";
  $('.edit_blank').on('click',function(e) { 
    $(this).prev().val('');
  });


</script>
<script type="text/javascript" src="{{asset('js/coaching_profile.js?v='.time())}}"></script>
<script type="text/javascript">
  
</script>
@endsection