@extends('admin.layout.master')

@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('admin.coaching.list')}}">Coaching Management</a></li>
							<li class="breadcrumb-item" aria-current="page">Coaching Add</li>
              <li class="breadcrumb-item active" aria-current="page">Coaching Details</li>
						</ol>
					</div>
          <!-- MAIN BODY CONTENT -->
            <h1>Add Coaching</h1>

            <!-- Table -->
            <div class="card">
              <div class="steps-wrap">
                <ul class="steps-item coaching_step">
                  <li class="@if($coachingDetails->completed_steps >= 1){{'grey-color'}}@endif">
                    <a href="{{route('admin.coaching.edit', base64_encode($coachingDetails->id))}}">
                    <div class="step-content">
                      <p class="step">Step 1</p>
                      <p class="step-desc">Coaching Details</p>
                    </div>
                    <svg
                      class="step-img"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                    >
                      <g transform="translate(21017.088 -1472.473)">
                        <rect
                          width="24"
                          height="24"
                          transform="translate(-21017.088 1472.473)"
                          fill="none"
                        />
                        <g transform="translate(-21013.088 1474.973)">
                          <g transform="translate(0 6.846)">
                            <path
                              d="M8,12.154a1.51,1.51,0,0,1-.683-.165A7.716,7.716,0,0,0,4,11.317a9,9,0,0,0-2.2.263,1.45,1.45,0,0,1-.358.045A1.434,1.434,0,0,1,.432,11.2,1.455,1.455,0,0,1,0,10.163V1.927A1.494,1.494,0,0,1,.888.577,7.915,7.915,0,0,1,4,0,6.685,6.685,0,0,1,8,1.095a6.69,6.69,0,0,1,4-1.095,7.853,7.853,0,0,1,3.106.577A1.494,1.494,0,0,1,16,1.927v8.236a1.437,1.437,0,0,1-1.8,1.417,9,9,0,0,0-2.2-.263,7.643,7.643,0,0,0-3.317.672A1.476,1.476,0,0,1,8,12.154Zm4-10.693a8.806,8.806,0,0,0-4,1.1v8.4a8.815,8.815,0,0,1,4-1.095,9.163,9.163,0,0,1,1.673.146.768.768,0,0,0,.134.012.734.734,0,0,0,.739-.728V2.38a.739.739,0,0,0-.581-.716A9.2,9.2,0,0,0,12.006,1.46Z"
                              transform="translate(0 0)"
                              fill=""
                            />
                          </g>
                          <ellipse
                            cx="3.296"
                            cy="3.267"
                            rx="3.296"
                            ry="3.267"
                            transform="translate(4.894)"
                            fill=""
                          />
                        </g>
                      </g>
                    </svg>
                  </a>
                  </li>
                  <li class="@if($coachingDetails->completed_steps >= 2){{'grey-color'}}@endif">
                    <a href="{{route('admin.coaching.faculty.list', base64_encode($coachingDetails->id))}}">
                    <div class="step-content">
                      <p class="step">Step 2</p>
                      <p class="step-desc">Faculty Details</p>
                    </div>
                    <svg
                      class="step-img"
                      xmlns="http://www.w3.org/2000/svg"
                      width="35"
                      height="29.002"
                      viewBox="0 0 35 29.002"
                    >
                      <path
                        d="M3.807,24.191A13,13,0,0,1,13,2a12.91,12.91,0,0,1,5.4,1.168A9,9,0,0,0,25.849,17,13.012,13.012,0,0,1,13,28,12.909,12.909,0,0,1,3.807,24.191Zm8.244-4.721a1.5,1.5,0,0,0-.5.324,1.616,1.616,0,0,0-.336.487,1.542,1.542,0,0,0,.336,1.7,1.533,1.533,0,0,0,.5.325,1.647,1.647,0,0,0,.631.112,1.594,1.594,0,0,0,.619-.112,1.685,1.685,0,0,0,.5-.325,1.538,1.538,0,0,0,.341-.492,1.573,1.573,0,0,0,0-1.212,1.7,1.7,0,0,0-.341-.487,1.6,1.6,0,0,0-.5-.324,1.47,1.47,0,0,0-.619-.121A1.535,1.535,0,0,0,12.051,19.471Zm1.771-7.939a1.1,1.1,0,0,1,.355.859,1.534,1.534,0,0,1-.193.779,2.478,2.478,0,0,1-.474.59,5.351,5.351,0,0,1-.623.5,7.107,7.107,0,0,0-.619.474,2.281,2.281,0,0,0-.475.547,1.249,1.249,0,0,0-.191.7.787.787,0,0,0,.005.107.514.514,0,0,0,.008.08s0,.008,0,.012a.046.046,0,0,0,0,.012l.2,1.454h1.911l.252-1.262a.936.936,0,0,1,.283-.5,4.829,4.829,0,0,1,.539-.457c.05-.039.1-.076.153-.115l.08-.06.005-.006c.138-.1.278-.21.424-.322a3.683,3.683,0,0,0,.635-.631,3.262,3.262,0,0,0,.481-.865,3.351,3.351,0,0,0,.187-1.188,3.312,3.312,0,0,0-.251-1.31A2.915,2.915,0,0,0,15.78,9.91a3.394,3.394,0,0,0-1.158-.643A4.835,4.835,0,0,0,13.1,9.04a5.657,5.657,0,0,0-1.123.107,4.92,4.92,0,0,0-.967.289,5.5,5.5,0,0,0-.84.426,6.069,6.069,0,0,0-.727.524l.739,1.135a.626.626,0,0,0,.576.329.683.683,0,0,0,.342-.1l.119-.063.045-.024c.066-.037.136-.074.21-.113l.029-.015a2.972,2.972,0,0,1,.546-.223,2.818,2.818,0,0,1,.8-.1A1.4,1.4,0,0,1,13.822,11.532ZM18,8a8,8,0,1,1,8,8A8.01,8.01,0,0,1,18,8Zm3.534,1.2H25.09v3.847h2.435V9.2H31.1V7.052H27.526V3.226H25.09V7.052H21.534Z"
                        transform="translate(0.5 0.5)"
                        fill=""
                        stroke="rgba(0,0,0,0)"
                        stroke-width="1"
                      />
                    </svg>
                  </a>
                  </li>
                  <li class="@if($coachingDetails->completed_steps >= 3){{'grey-color'}}@endif">
                    <a href="{{route('admin.coaching.organisation.add', base64_encode($coachingDetails->id))}}">
                    <div class="step-content">
                      <p class="step">Step 3</p>
                      <p class="step-desc">Organization Detail</p>
                    </div>
                    <svg
                      class="step-img"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                    >
                      <g transform="translate(-542 -154)">
                        <rect
                          width="24"
                          height="24"
                          transform="translate(542 154)"
                          fill="rgba(0,0,0,0)"
                        />
                        <path
                          d="M561,175H547a2,2,0,0,1-2-2V159a2,2,0,0,1,2-2h4.18a2.988,2.988,0,0,1,5.64,0H561a2,2,0,0,1,2,2v14A2,2,0,0,1,561,175Zm-11-6a1,1,0,1,0,0,2h5a1,1,0,0,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm4-4a1,1,0,1,0,1,1A1,1,0,0,0,554,157Z"
                          fill=""
                        />
                      </g>
                    </svg>
                  </a>
                  </li>
                  <li class="@if($coachingDetails->completed_steps >= 4){{'grey-color'}}@endif">
                    <a href="{{route('admin.coaching.bank.list', base64_encode($coachingDetails->id))}}">
                    <div class="step-content">
                      <p class="step">Step 4</p>
                      <p class="step-desc">Payment Details</p>
                    </div>
                    <svg
                      class="step-img"
                      width="24"
                      height="24"
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 512 512"
                    >
                      <g>
                        <g>
                          <path
                            d="M469.331,170.67h-5.91l-73.277-127.99c-5.677-9.896-14.845-16.969-25.814-19.906c-10.917-2.917-22.335-1.385-32.106,4.302
                              L21.141,208.17C0.953,219.92-5.996,246.025,5.64,266.347l5.278,9.219l0.004,0.01l8.82,15.398L64,368.256v79.747
                              c0,23.531,19.137,42.667,42.669,42.667h362.661c23.533,0,42.669-19.135,42.669-42.667V213.337
                              C512,189.806,492.863,170.67,469.331,170.67z M64.002,325.302l-8.147-14.232l8.147-4.743V325.302z M64.002,213.337v19.096
                              l-39.859,23.203c-5.762-10.172-2.306-23.173,7.744-29.029l32.699-19.035C64.325,209.476,64.002,211.363,64.002,213.337z
                              M403.376,108.742l35.454,61.928H297.007L403.376,108.742z M342.969,45.514c4.833-2.813,10.459-3.594,15.844-2.135
                              c5.448,1.458,9.99,4.979,12.813,9.906l0.022,0.039L170.086,170.67h-42.111L342.969,45.514z M256.008,352.004
                              c0,5.896-4.771,10.667-10.667,10.667h-106.67c-5.896,0-10.667-4.771-10.667-10.667s4.771-10.667,10.667-10.667h106.67
                              C251.237,341.337,256.008,346.108,256.008,352.004z M288.009,426.67H138.671c-5.896,0-10.667-4.771-10.667-10.667
                              s4.771-10.667,10.667-10.667h149.338c5.896,0,10.667,4.771,10.667,10.667S293.905,426.67,288.009,426.67z M404.013,426.67
                              c-7,0-13.802-1.625-20.001-4.75c-6.198,3.125-13,4.75-20.001,4.75c-24.261,0-44.001-19.135-44.001-42.667
                              s19.74-42.667,44.001-42.667c7,0,13.803,1.625,20.001,4.75c6.198-3.125,13-4.75,20.001-4.75c24.261,0,44.001,19.135,44.001,42.667
                              S428.274,426.67,404.013,426.67z"
                          />
                        </g>
                      </g>
                    </svg>
                  </a>
                  </li>
                  <li class="active">
                    <a href="{{route('admin.coaching.manager.add', base64_encode($coachingDetails->id))}}">
                    <div class="step-content">
                      <p class="step">Step 5</p>
                      <p class="step-desc">Managed By</p>
                    </div>
                    <svg
                      class="step-img"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                    >
                      <g transform="translate(-542 -154)">
                        <rect
                          width="24"
                          height="24"
                          transform="translate(542 154)"
                          fill="rgba(0,0,0,0)"
                        />
                        <path
                          d="M561,175H547a2,2,0,0,1-2-2V159a2,2,0,0,1,2-2h4.18a2.988,2.988,0,0,1,5.64,0H561a2,2,0,0,1,2,2v14A2,2,0,0,1,561,175Zm-11-6a1,1,0,1,0,0,2h5a1,1,0,0,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm4-4a1,1,0,1,0,1,1A1,1,0,0,0,554,157Z"
                          fill=""
                        />
                      </g>
                    </svg>
                  </a>
                  </li>
                </ul>
                <div class="card-header center-header pt-5">
                  <h2>Managed By</h2>
                </div>
                <div class="card-body">
                  <form id="manager_add_frm">
                    <div class="row">
                      <div class="form-group col-lg-6">
                        <label for="testTemplage" class="form-label benif_lbl">Manager Name/Account Holder Name<span class="text-danger">*</span></label>
                        <input type="text" class="form-control form_input" name="manager_holder_name" value="@if($managerDetails){{$managerDetails->manager_holder_name}}@endif" placeholder="Enter Your Manager Name/Account Holder Name"/>
                      </div>

                      
                      <div class="form-group col-lg-6">
                        <label for="totalMarks" class="form-label">Primary Email <span class="text-danger">*</span></label>
                        <div class="input-prefix">
                        <input type="text" class="form-control form_input" name="email" id="primary_email" value="@if($managerDetails){{$managerDetails->email}}@endif" placeholder="example@gmail.com"/>
                        <span class="verify after" id="primary_span">
                          <svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63" style="width: 18px;height: 18px;fill: #6da544;">
                          <g transform="translate(-644 -198)">
                          <rect width="63" height="63" transform="translate(644 198)" fill="rgba(0,0,0,0)"></rect>
                          <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=""></path>
                          </g>
                          </svg>
                          
                        </span>
                      </div>
                      </div>

                      <div class="form-group col-lg-6">
                        <label for="testTemplage" class="form-label">Secondary Email</label>
                        <input type="text" class="form-control" name="secondary_email" id="secondary_email" value="@if($managerDetails){{$managerDetails->secondary_email}}@endif" placeholder="example@gmail.com"/>
                      </div>
                      <div class="form-group col-lg-6">
                        <label for="totalMarks" class="form-label">Primary Number <span class="text-danger">*</span></label>
                        <div class="input-prefix">
                          <span class="prefix">+91</span>
                          <input type="text" class="form-control form_input" name="primary_no" id="primary_no" placeholder="Enter your phone Name" value="@if($managerDetails){{$managerDetails->primary_no}}@endif"/> 
                          <span class="verify after" id="primary_span">
                          <svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63" style="width: 18px;height: 18px;fill: #6da544;">
                          <g transform="translate(-644 -198)">
                          <rect width="63" height="63" transform="translate(644 198)" fill="rgba(0,0,0,0)"></rect>
                          <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=""></path>
                          </g>
                          </svg>
                          
                        </span>       
                        </div>
                      </div> 

                      <div class="form-group col-lg-6">
                        <label for="totalMarks" class="form-label">Secondary Number <span class="text-danger">*</span></label>
                        <div class="input-prefix">
                          <span class="prefix">+91</span>
                          <input type="text" class="form-control" name="secondary_no" id="secondary_no" placeholder="Enter your phone Name" value="@if($managerDetails){{$managerDetails->secondary_no}}@endif"/>              
                        </div>
                      </div>

                      <div class="form-group col-lg-6">
                        <label for="totalMarks" class="form-label">Address <span class="text-danger">*</span></label>
                        <div class="input-prefix">
                          <input type="text" class="form-control form_input" name="address" id="address" placeholder="Enter your address" value="@if($managerDetails){{$managerDetails->address}}@endif"/>              
                        </div>
                      </div>                      

                      <div class="form-group col-lg-6">
                        <label for="totalMarks" class="form-label">Country <span class="text-danger">*</span></label>
                        <select name="country" id="" class="form-control">
                          <option value="105">India</option>
                        </select>
                      </div>

                      <div class="form-group col-lg-6">
                        <label for="examType" class="form-label">State <span class="text-danger">*</span></label>
                        <select name="state" id="state" class="form-control form_input">
                          <option value="" selected>Select State</option>
                          @if($states)
                            @foreach($states as $state)
                                <option value="{{$state->id}}" @if($managerDetails) @if($state->id == $managerDetails->state_id){{'selected'}}@endif @endif>{{$state->name}}</option>
                            @endforeach
                          @endif
                        </select>
                      </div>

                      <div class="form-group col-lg-6">
                        <label for="totalMarks" class="form-label">City <span class="text-danger">*</span></label>
                        <select name="city" id="city" class="form-control form_input">
                          <option value="" selected>Select City</option>
                          @if($cities)
                            @foreach($cities as $city)
                                <option value="{{$city->id}}" @if($managerDetails) @if($city->id == $managerDetails->city_id){{'selected'}}@endif @endif>{{$city->city}}</option>
                            @endforeach
                          @endif
                        </select>
                      </div>

                      <div class="form-group col-lg-6">
                        <label for="examType" class="form-label">Zip Code <span class="text-danger">*</span></label>
                        <input type="text" class="form-control form_input" name="zipcode" id="zipcode" value="@if($managerDetails){{$managerDetails->zipcode}}@endif" placeholder="zip Code"/>
                      </div>

                      <div class="col-lg-12">
                        <h2 class="mb-4">Upload Document</h2>
                        <input type="hidden" name="edit_id" value="@if($managerDetails){{base64_encode($managerDetails->id)}}@endif">
                        <input type="hidden" name="coaching_id" value="@if($coachingDetails){{base64_encode($coachingDetails->id)}}@endif">
                      </div>
                      <div class="col-lg-12 ">
                        <div class="row">
                          <div class="col-lg-6 id_proof_upload_cls">
                            <div class="package-image">
                              
                              <div class="row">
                                <div class="col-md-6 col-lg-6">
                                  <div class="form-group">
                                    <label class="img-wrapper" for="manager_logo">
                                      @if($managerDetails)
                                        @if($managerDetails->picture)
                                          <img src="{{asset('storage/manager/picture/'.$managerDetails->picture)}}"  width="200">
                                        @else
                                        <img src="{{asset('admin/images/no-picture.png')}}" alt=""/>
                                        @endif
                                      @else
                                        <img src="{{asset('admin/images/no-picture.png')}}" alt=""/>
                                      @endif
                                      <input type="file" class="d-none" name="manager_logo" id="manager_logo">
                                    </label>
                                  </div>
                                </div>
                                <div class="col-md-6 col-lg-6">
                                  <div class="form-group">
                                    <p class="img-size-desc">
                                      Recommended Size more than: 300px X 300px.
                                    </p>
                                    <p class="img-size-desc">
                                      Supported Formats: JPG, JPEG, PNG.
                                    </p>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="col-lg-6">
                            <div class="package-image">
                              
                              <div class="row">
                                <div class="col-md-6 col-lg-6">
                                  <div class="form-group">
                                    <label class="img-wrapper">
                                      @if($managerDetails)
                                        @if(isset($managerDetails->docsByUser))
                                          @if(isset($managerDetails->docsByUser[0]))
                                                                                        @if($file_extension[1] == 'pdf')
                                              <img src="{{asset('admin/images/pdf.png')}}" alt="">
                                            @elseif($file_extension[1] == 'doc')
                                              <img src="{{asset('admin/images/doc.png')}}" alt="">
                                            @else
                                              <img src="{{asset('storage/manager/docs/'.$managerDetails->docsByUser[0]->filename)}}" alt=""/>
                                            @endif
                                          @else
                                            <img src="{{asset('admin/images/no-picture.png')}}" alt=""/>
                                          @endif
                                        @endif
                                    @endif  
                                    </label>
                                    <ul class="img-add">
                                      <li>
                                        <label for="banner_upload1">
                                        <div class="add-box">
                                          <img src="{{asset('admin/images/plus-img.svg')}}" alt=""/>
                                          <input type="file" class="d-none uploads_docs" name="docs[]" id="banner_upload1"  multiple="multiple">
                                        </div>
                                      </label>
                                      </li>
                                      @if($managerDetails)
                                        @if(isset($managerDetails->docsByUser))
                                          @foreach($managerDetails->docsByUser as $bankey=>$docs)
                                                                                        @if($bankey>0)
                                            <li>
                                              <div class="img-box">
                                                @if($file_extension[1] == 'pdf')
                                                  <img src="{{asset('admin/images/pdf.png')}}" alt="">
                                                @elseif($file_extension[1] == 'doc' || $file_extension[1] == 'docx')
                                                  <img src="{{asset('admin/images/doc.png')}}" alt="">
                                                @else
                                                  <img src="{{asset('storage/manager/docs/'.$docs->filename)}}" alt=""/>
                                                @endif
                                                <span class="delete delete_doc" data-id="{{base64_encode($docs->id)}}">
                                                  <svg  xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                    <g transform="translate(-270 -242)">
                                                      <rect width="24" height="24" transform="translate(270 242)" fill="rgba(0,0,0,0)"/>
                                                      <path
                                                        d="M286,263h-8a2,2,0,0,1-2-2V251a2,2,0,0,1,2-2h8a2,2,0,0,1,2,2v10A2,2,0,0,1,286,263Zm2-15H276a1,1,0,1,1,0-2h2.5l.71-.71a1.011,1.011,0,0,1,.7-.29h4.18a1.01,1.01,0,0,1,.7.29l.71.71H288a1,1,0,1,1,0,2Z"
                                                        fill=""
                                                      />
                                                    </g>
                                                  </svg>
                                                </span>
                                              </div>
                                            </li>
                                            @endif
                                          @endforeach
                                        @endif
                                      @endif
                                    </ul> 
                                  </div>
                                </div>
                                <div class="col-md-6 col-lg-6">
                                  <div class="form-group">
                                    <h6 class="img-title">
                                      Choose multiple by press (CTRL + Select)
                                    </h6>
                                    <p class="img-size-desc">
                                      
                                    </p>
                                    <p class="img-size-desc">
                                      Supported Formats: JPG, JPEG, PNG, PDF, DOC, DOCX.
                                    </p>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          
                        </div>
                      </div>
                    </div>
                    <div class="test-footer">
                      <a href="{{route('admin.coaching.bank.list', base64_encode($coachingDetails->id))}}"><button type="button" class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14">Back</button></a>
                      <button type="button" class="btn btn-primary btn-streach font-book mt-6 fs-14 manager_add_btn">@if(isset($managerDetails)){{'Update'}}@else{{'Save'}}@endif</button>
                      <a href="javascript:void(0)"><button type="button" class="btn btn-primary btn-streach font-book mt-6 fs-14 manager_finish_btn" style="float:right">Finish</button></a>
                    </div>
                  </form>
                </div>
              </div>
            </div>
            <!-- //Table -->
            <!--// MAIN BODY CONTENT -->
		</div>
	</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/coaching_manager.js?v='.time())}}"></script>
<script type="text/javascript">
  var manager_save = "{{route('admin.coaching.manager.save', base64_encode($coachingDetails->id))}}"; 
</script>
@endsection