@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.test_series_manager.list')}}">Package Management</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">
          Test Series Manager
        </li>
      </ol>
    </div>
    <!-- MAIN BODY CONTENT -->
    <h1>Edit Test Package</h1>
    @if(Session::has('errors'))
        <div class="alert alert-danger" style="background: none; border: none;">
          <ul class="form_validation_error">
                  @foreach ($errors->all() as $error)
                      <li  style="color: #f00">{{ $error }}</li>
                  @endforeach
              </ul>
        </div>
    @endif

    <!-- Add test Package -->
    <form action="{{route('admin.test_series_manager.update', base64_encode($testPackage->id))}}" method="post" id="package_test_edit_frm" enctype="multipart/form-data">
      <input type="hidden" id="prodPirce" value="{{$testPackage->product_price}}">
      <input type="hidden" id="disProdPirce" value="{{$testPackage->discount_price}}">
      <input type="hidden" id="unlockProdPirce" value="{{$testPackage['share_&_unlock_discount_price']}}">
    {{csrf_field()}}
      <div class="card">
        <div class="card-body">
          <div class="row">

            <div class="col-md-6 col-lg-6">
              <div class="form-group">
                <label for="packageName" class="form-label"
                  >Package Name <span class="text-danger">*</span></label
                >
                <input type="text" id="packageName" name="packageName" class="form-control form_input" placeholder="Package Name" value="{{$testPackage->package_name}}" maxlength = "50"/>
              </div>
            </div>

            <div class="col-md-6 col-lg-6">
              <div class="form-group">
                <label for="examName" class="form-label">Internal Coaching<span class="text-danger">*</span>
                  <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip"
                    data-placement="right" alt="info"/></label>
                <select class="form-control form_input" name="internal_coaching" id="internal_coaching">
                        <option value="" >Internal Coaching</option>
                        @if($editInternalCoaching)
                          @foreach($editInternalCoaching as $internel)
                              <option value="{{$internel->id}}" @if($testPackage->coaching_id == $internel->id){{'selected'}}@endif>{{$internel->coaching_name}}</option>
                          @endforeach
                        @endif
                </select>
              </div>
            </div>

            <div class="col-md-4 col-lg-6">
              <div class="form-group">
                <label for="examType" class="form-label">Exam Type<span class="text-danger">*</span></label>
                <select class="js-ExamType form-control form_input" name="examType[]" multiple="multiple" id="examType" onchange="getExamNameVal(this)">
                  @if($examTypes)
                    @foreach($examTypes as $type)
                        <option value="{{$type->id}}"  @if(in_array($type->id, $editExamTypes)){{'selected'}}@endif>{{$type->exam_type}}</option>
                    @endforeach
                  @endif
                </select>
              </div>
            </div>

            <div class="col-md-4 col-lg-6">
              <div class="form-group">
                <label for="examName" class="form-label">Exam Name<span class="text-danger">*</span>
                  <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip"
                    data-placement="right" title="Tooltip on right" alt="info"/></label>
                <select class="js-ExamType form-control form_input"  name="examName[]" id="examName" multiple="multiple">
                  @if($examNames)
                    @foreach($examNames as $name)
                        <option value="{{$name->id}}"  @if(in_array($name->id, $editExamNames)){{'selected'}}@endif>{{$name->exam_name}}</option>
                    @endforeach
                  @endif
                </select>
              </div>
            </div>

            <div class="col-md-4 col-lg-6">
              <div class="form-group">
                <label for="subject" class="form-label"
                  >Package Language<span class="text-danger">*</span></label>
                <select class="js-ExamType form-control form_input" multiple="multiple" name="packageLanguage[]" id="packageLanguage">
                  @if(count($editLanguages) > 0)
                    <option value="1" @if(in_array(1, $editLanguages)){{'selected'}}@endif>English</option>
                    <option value="2" @if(in_array(2, $editLanguages)){{'selected'}}@endif>Hindi</option>
                  @endif
                  
                </select>
              </div>
            </div>

            <div class="col-md-12 col-lg-6">
              <div class="form-group">
                <label for="packageDetails" class="form-label"
                  >Package Details<span class="text-danger">*</span
                  ><span class=" package-details-info text-primary pull-right fs-12 font-book"
                    >Add details (maximum 4 lines,)</span
                  ></label>
                <div id="packageDetails">
                @if(isset($testPackage->PackageDetails))
                  @foreach($testPackage->PackageDetails as $key => $val) 
                      @if($key == 0) 
                      <div id="pack">
                        <input class="form-control form_input" type="text" name="packageDetails[]" list="packSelect" value="{{$val['package_details']}}" maxlength = "20">
                        <datalist id="packSelect">
                          @if(!$packageDetail->isEmpty())
                            @foreach($packageDetail as $pack)
                              <option value="{{$pack->details}}"></option>
                            @endforeach
                          @endif
                        </datalist>
                        <a href="javascript:void(0)" class="action-btn md minus" id="minus"><img src="{{asset('admin/images/bin.svg')}}" alt=""></a>
                       </div>
                      @else
                        <div id="pack">
                          <input class="form-control" type="text" name="packageDetails[]" list="packSelect" value="{{$val['package_details']}}" maxlength = "20">
                          <datalist id="packSelect">
                            @if(!$packageDetail->isEmpty())
                              @foreach($packageDetail as $pack)
                                <option value="{{$pack->details}}"></option>
                              @endforeach
                            @endif
                          </datalist>
                          <a href="javascript:void(0)" class="action-btn md minus" id="minus"><img src="{{asset('admin/images/bin.svg')}}" alt=""></a>
                        </div>
                      @endif
                  @endforeach
                @else
                  <input class="form-control" type="text" name="packageDetails[]" list="packSelect" maxlength = "20">
                  <datalist id="packSelect">
                    @if(!$packageDetail->isEmpty())
                      @foreach($packageDetail as $pack)
                        <option value="{{$pack->details}}"></option>
                      @endforeach
                    @endif
                  </datalist>
                @endif
                </div>
              </div>
            </div>

            <div class="col-md-12 col-lg-12">
              <button type="button" class="btn btn-outline-dark btn-pill text-dark pull-right font-medium" id="add_more">           
                <i class="fa fa-plus mr-2"></i> Add More
              </button>
            </div>

            <div class="col-md-12 col-lg-12 mt-7">
              <label for="examName" class="form-label"
                >Package Validity<span class="text-danger">*</span>

                <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip"
                  data-placement="right" title="Tooltip on right" alt="info"/></label>
            </div>

            <div class="col-md-12 col-lg-8 mt-3">
              <div class="row">
                <div class="col-md-6 col-lg-6">
                  <div class="form-group">
                  <label class="form-label radio-input-label fs-12">Set Validity</label>
                  <div class="radio-input-group">
                    <label class="custom-control custom-radio">
                      <input type="radio" class="custom-control-input" name="set_validity" id="set_validity" value="0" @if($testPackage->validity_type == 0){{'checked'}}@endif/>
                      <span class="custom-control-label"></span>
                    </label>
                    <div class="input-prefix">
                      <input type="text" class="form-control" name="validity" id="validity" value="@if($testPackage->validity_type == 0) {{$testPackage->validity}} @endif" />
                      <span class="verify" id="primary_span">
                      <span class="text-warning" style="color:#a59999 !important">Day(s)</span>
                      </span>
                    </div>
                  </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-6">
                  <div class="form-group">
                  <lable class="form-label radio-input-label fs-12">Set Expiry</lable>
                  <div class="radio-input-group">
                    <label class="custom-control custom-radio">
                      <input type="radio" class="custom-control-input" id="set_expiry" name="set_validity" value="1" @if($testPackage->validity_type == 1){{'checked'}}@endif/>
                      <span class="custom-control-label"></span>
                    </label>
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <div class="input-group-text">
                          <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
                        </div>
                      </div>
                      <input class="form-control" placeholder="DD/MM/YYYY" type="text" name="expiry_date" id="expiry_dates" value="@if($testPackage->validity_type == 1) {{date('d-m-Y', strtotime($testPackage->expire_date))}} @endif"/>
                    </div>
                  </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-md-12 col-lg-12 package-image">
              <label for="" class="form-label">Package Image <span class="text-danger">*</span><span><p id="imagecheck"></p></span></label>
              <div class="row">
                <div class="col-md-6 col-lg-6">
                  <div class="form-group form_input_pic">
                    <div class="img-wrapper">
                      <label for="uploadFile" >
                       @if($testPackage->package_image)
                        <img src="{{asset('storage/test_package_image/').'/'.$testPackage->package_image}}" alt="" />
                      @else
                        <img src="{{asset('admin/images/no-picture.png')}}" alt="" />
                      @endif
                    </div>
                    </div>
                    <input type="file" class="d-none form_input" id="uploadFile" name="uploadFile"/>
                    <div id="myProgress" style="display: none;">
                      <div id="myBar"></div>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-6">
                  <div class="form-group">
                    <h6 class="img-title">
                      Upload a picture for your test package which can
                      help students to easily associate with Your Package
                    </h6>
                    <p class="img-size-desc">
                      Recommended Size: 1024px to 576px.
                    </p>
                    <p class="img-size-desc">
                      Supported Formats: JPG, JPEG, PNG.
                    </p>

                    <label class="btn btn-primary btn-pill btn-streach fs-14 upload_file_edit">
                      Upload File</label>
                      <!-- <input type="file" class="d-none" id="uploadFile" name="uploadFile"/> -->
                    <input type="hidden" name="filename" id="filename" value="{{$testPackage->package_image}}">
                    <label for="removeUploadFile" class="btn btn-outline-secondary btn-streach fs-14 ml-3 btn-pill" id="remove_uploadFile">
                      <input type="button" class="d-none"/>
                      Remove File
                    </label>

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


            <div class="accordion-content col-lg-12">
              <div class="panel-group1" id="accordion2">
                <div class="panel panel-default mb-4">
                  <div class="panel-heading1 ">
                    <h4 class="panel-title1">
                      <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour" aria-expanded="false">Price Settings</a>
                    </h4>
                  </div>
                  <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                    <div class="panel-body">
                      <div class="row">

                        <div class="col-md-6 col-lg-6">
                          <label for="examName" class="form-label">Product Price<span class="text-danger">*</span>
                            <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip" data-placement="right" title="Tooltip on right"
                            alt="info"/>
                          </label>
                          <div class="input-group">
                            <div class="input-group-prepend">
                              <div class="input-group-text">
                                <i class="fa fa-rupee lh-0 op-6"></i>
                              </div>
                            </div>
                            <!-- input-group-prepend -->

                            <input class="form-control productPriceInput" placeholder="" type="text"/ id="productPriceInput" value="{{$testPackage->product_price}}" name="productPriceInput">
                          </div>
                          <span class="pass_name text-primary"></span>

                          <label for="examName" class="form-label  mt-6 param-remove">Discounted Price<span class="text-danger">*</span>
                            <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip" data-placement="right" title="Tooltip on right"
                            alt="info"/></label>
                          <div class="input-group param-remove">
                            <div class="input-group-prepend">
                              <div class="input-group-text">
                                <i class="fa fa-rupee lh-0 op-6"></i>
                              </div>
                            </div>
                            <!-- input-group-prepend -->
                            <input class="form-control" placeholder="" type="text" id="discountPriceInput" name="discountPriceInput" value="{{$testPackage->discount_price}}" />
                          </div>


                          <label for="examName" class="form-label mt-6 param-remove onlyone">Share &amp; Unlock Discounted Price<span class="text-danger">*</span>
                            <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info"
                              data-toggle="tooltip" data-placement="right" title="Tooltip on right"
                              alt="info"/></label>
                          <div class="input-group param-remove onlyone">
                            <div class="input-group-prepend">
                              <div class="input-group-text">
                                <i class="fa fa-rupee lh-0 op-6"></i>
                              </div>
                            </div>
                            <!-- input-group-prepend -->
                            <input class="form-control" id="unlockDiscountPriceInput" placeholder="" type="text" name="unlockDiscountPriceInput" value="{{$testPackage['share_unlock_discount_price']}}" />
                          </div>
                        </div>


                        

                        <div class="col-md-6 col-lg-6">
                          <div class="more-options">
                            <label for="" class="form-label"
                              >More Options</label
                            >
                            <ul>
                              @if(!$saleTypes->isEmpty())
                              @foreach($saleTypes as $sale)
                              <li>
                                <input type="hidden" name="sale_type" id="sale_type">
                                <label class="custom-control custom-radio">
                                  <input type="radio" class="custom-control-input sale_type" name="example_radios" value="{{$sale->id}}" id="{{$testPackage->sale_type}}" onclick="saleType(this)" @if($sale->id == $testPackage->sale_type) checked @endif/>
                                  <span class="custom-control-label">
                                    {{$sale->sale_name}}
                                    <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info"
                                      data-toggle="tooltip" data-placement="right" title="Tooltip on right" alt="info" width="12"/></span>
                                </label>
                              </li>
                              @endforeach
                              @endif
                              
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <!-- panel 2 -->
                <div class="panel panel-default mb-4">
                  <div class="panel-heading1 ">
                    <h4 class="panel-title1">
                      <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#collapseFive" aria-expanded="false">Seo Option</a>
                    </h4>
                  </div>
                  <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
                    <div class="panel-body">
                      <div class="form-group">
                        <label for="" class="form-label">Seo Title <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip" data-placement="right"
                        title="Tooltip on right" alt="info" width="12"/></label>
                        <input type="text" class="form-control" placeholder="Default is the name of your Package. Leave Blank for default" name="seo_title" value="{{$testPackage->seo_title}}" />
                      </div>
                      <div class="form-group">
                        <label for="" class="form-label"
                          >Description <img src="{{asset('admin/images/info.svg')}}"
                          class="fa fa-info" data-toggle="tooltip" data-placement="right" title="Tooltip on right" alt="info" width="12"/></label>
                        <textarea class="form-control" cols="" rows="5" placeholder="Describe Your package in less than 160 characters." name="seo_desc" id="seo_desc" maxlength="160">{{$testPackage->seo_descriptions}}</textarea>
                      </div>
                      
                      <div class="form-group">
                        <label for="" class="form-label">Keywords <img src="{{asset('admin/images/info.svg')}}" class="fa fa-info" data-toggle="tooltip" data-placement="right"
                        title="Tooltip on right" alt="info" width="12"/></label>
                        <input type="text" class="form-control" placeholder="Eg: IBPS sectional Test etc." name="seo_keywords"  value="{{$testPackage->seo_keywords}}" />
                      </div>
                    
                  </div>
                </div>
                <!-- Panel 2 end -->
              </div>
            </div>
          </div>
         <div class="test-footer">
          <button class="btn btn-primary btn-streach font-book mt-6 fs-14 test_package_edit_update">Update</button>
          <a href="{{route('admin.test_series_manager.list')}}"><button type="button" class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14">Cancel</button></a>
          </div>
        </div>
      </div>
    </form>
    <!-- //Add test Package -->
    <!--// MAIN BODY CONTENT -->
  </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
  $("#expiry_dates").datepicker({ maxDate: "+548d", minDate: "+14d" });
</script>
<script type="text/javascript" src="{{asset('js/test_package_manager.js')}}"></script>
<style type="text/css">
  #myProgress {
  width: 50%;
  height: 20px;
  background-color: #a7b4c9;
  border-radius: 10px;
  overflow: hidden;
}

#myBar {
  width: 1%;
  height: 20px;
  background: linear-gradient(90deg, #fe5d6f 0%, #fc8f2d 100%);
  text-align: center;
  color: #fff;
}
</style>
@endsection