@extends('backend.admin-master')
@section('site-title')
    {{__('Dashboard')}}
@endsection
@section('content')

 <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Health Insurance /</span> Upload a new Product</h4>
  <form id="formAuthentication" class="mb-3" action="{{ route('superadmin.health_insurance_add_product')}}"  enctype="multipart/form-data" method="POST">
                @csrf
              <div class="row">
                <div class="col-md-12">
                  
                  <div class="card mb-4">
                    <h5 class="card-header">Preview Section</h5>
                    <!-- Account -->

                    
                    <div class="card-body">
          <div class="row mb-3">
            <!-- <img src="{{asset('public/uploads/')}}" width="100px" height="100px" > -->
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">Partner<sup style="color:red;">*</sup></label>
                          <div class="col-sm-10">
                           <select class="form-select" id="exampleFormControlSelect1" name="partnerid" aria-label="Default select example">
                               @foreach($_details as $PmsPartner)
                          <option  value="{{$PmsPartner->id}}">  {{$PmsPartner->companypartner}} </option>
                          <!-- selected -->
                            @endforeach
                        </select>
                          </div>
                        </div>

                        {{-- default image --}}
                        <input type="hidden" name="default_image" value="product-image.png">

                      <div class="d-flex align-items-start align-items-sm-center gap-4">
                        <img
                          src="{{asset('assets/dashboard/assets/img/elements/product-image.png')}}"
                          alt="user-avatar"
                          class="d-block rounded"
                          height="100"
                          width="100"
                          id="uploadedAvatar"
                        />
                        <div class="button-wrapper">
                          <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
                            <span class="d-none d-sm-block">Upload new photo</span>
                            <i class="bx bx-upload d-block d-sm-none"></i>
                            <input
                              type="file"
                              id="upload"
                               name="product_img"
                              class="account-file-input"
                              hidden
                              accept="image/png, image/jpeg"
                            />
                          </label>
                          <button onclick="resetform();" type="button" class="btn btn-outline-secondary account-image-reset mb-4">
                            <i class="bx bx-reset d-block d-sm-none"></i>
                            <span class="d-none d-sm-block">Reset</span>
                          </button>

                          <p class="text-muted mb-0">Allowed JPG, GIF or PNG. Max size of 800K</p>
                        </div>
                      </div>
                    </div>
                    <hr class="my-0" />
                    <div class="card-body">
                      <!-- <form id="formAccountSettings" method="POST" onsubmit="return false"> -->
                        <div class="row">
                          <div class="mb-3 col-md-12">
                            <label for="firstName" class="form-label">Product Name<sup style="color:red;">*</sup></label>
                            <input
                              class="form-control"
                              type="text"
                              value="{{old('productname')}}"
                              id="firstName"
                              name="productname"
                 placeholder=""
                              autofocus
                            />


                          </div>
              <div class="mb-3 col-md-6">
                            <label for="firstName" class="form-label">Posted On<sup style="color:red;">*</sup></label>
                            <input
                            class="form-control"
                            type="datetime-local"
                              name="posted_date"
                                 value="{{old('posted_date')}}"
                            placeholder=""
                            id="html5-datetime-local-input"
                          />
                          </div>
               <div class="mb-3 col-md-6">
                            <label for="firstName" class="form-label">Manager<sup style="color:red;">*</sup></label>
                            <input
                              class="form-control"
                              type="datetime"
                              id="firstName"
                                name="manager"
                                 value="{{old('manager')}}"
                 placeholder=""
                              autofocus
                            />
                          </div>
               <div class="mb-3 col-md-12">
                            <label for="firstName" class="form-label">Short Description<sup style="color:red;">*</sup></label>
                            <textarea class="form-control" aria-label="With textarea" name="short_desc">   {{old('short_desc')}}</textarea>
                          </div>
                          <h5 class="card-header">Details Section</h5>
                         <hr>
             <div class="mb-3 col-md-6">
                            <label for="address" class="form-label">Reference No.</label>
                            <input type="text" class="form-control" name="reference" id="address" value="{{$Referenceno}}"   readonly/>
                          </div>
              <div class="mb-3 col-md-6">
                            <label for="language" class="form-label">Category<sup style="color:red;">*</sup></label>
                           <select class="form-select" name="category"  id="exampleFormControlSelect2" aria-label="Multiple select example">
                          <option disabled selected>Select category </option>
                          <option value="largeCap">Large Cap </option>
                          <option value="midSmallCap">Mid & Small Cap</option>
                          <option value="multiCap">Multi Cap</option>
                          <option value="smallCap">Small Cap</option>
                          <option value="all">All</option>
                        </select>
                          </div> 
              <div class="mb-3 col-md-6">
                            <label for="address" class="form-label">AUM<sup style="color:red;">*</sup></label>
                            <input type="number" class="form-control" name="AUM"  id="address" name="AUM" placeholder=""  value="{{old('AUM')}}"  />
                          </div>
                        
                          
                          <div class="mb-3 col-md-6">
                            <label for="state" class="form-label">Location<sup style="color:red;">*</sup></label>
                            <input class="form-control" type="text" id="state" value="{{old('location')}}"   name="location" placeholder="" />
                          </div>
                          
               <h5 class="card-header">Return Details</h5>
                         <hr>
             <div class="mb-3 col-md-2">
                            <label for="address" class="form-label">3M Return<sup style="color:red;">*</sup></label>
                            <input type="tel" class="form-control" value="{{old('3MReturn')}}"   id="address" name="3MReturn" placeholder="" onkeyup="value=value.replace(/[^0-9.-]/g,'')"/>
                          </div>
              <div class="mb-3 col-md-2">
                            <label for="address" class="form-label">6M Return<sup style="color:red;">*</sup></label>
                            <input type="tel" class="form-control" value="{{old('6MReturn')}}"  id="address" name="6MReturn" placeholder="" onkeyup="value=value.replace(/[^0-9.-]/g,'')"/>
                          </div>
              <div class="mb-3 col-md-2">
                            <label for="address" class="form-label">1Y Return<sup style="color:red;">*</sup></label>
                            <input type="tel" class="form-control" value="{{old('1YReturn')}}"   id="address" name="1YReturn" placeholder="" onkeyup="value=value.replace(/[^0-9.-]/g,'')"/>
                          </div>
              <div class="mb-3 col-md-2">
                            <label for="address" class="form-label">3Y Return<sup style="color:red;">*</sup></label>
                            <input type="tel" class="form-control"  value="{{old('3YReturn')}}" id="address" name="3YReturn" placeholder="" onkeyup="value=value.replace(/[^0-9.-]/g,'')"/>
                          </div>
              <div class="mb-3 col-md-2">
                            <label for="address" class="form-label">5Y Return<sup style="color:red;">*</sup></label>
                            <input type="tel" class="form-control"  value="{{old('5YReturn')}}" id="address" name="5YReturn" placeholder="" onkeyup="value=value.replace(/[^0-9.-]/g,'')"/>
                          </div>
              <div class="mb-3 col-md-2">
                            <label for="address" class="form-label">Since Inception<sup style="color:red;">*</sup></label>
                            <input type="tel" class="form-control" value="{{old('since_inception')}}"  id="address" name="since_inception" placeholder="" onkeyup="value=value.replace(/[^0-9.-]/g,'')"/>
                          </div>
                          
                          <h5 class="card-header">Description Section</h5>
                         <hr>
                          <div class="mb-3 col-md-12">
                            <label for="state" class="form-label">Deal's Description<sup style="color:red;">*</sup></label>
                            <textarea class="form-control" aria-label="With textarea" id="deal_desc"   name="deal_desc"  rows="8">{{old('deal_desc')}}</textarea>
                          </div>
              <div class="mb-3 col-md-12">
                            <label for="state" class="form-label">Additional Description</label>
                            <textarea class="form-control" aria-label="With textarea"   id="additional_desc" name="additional_desc"  rows="8">{{old('additional_desc')}} </textarea>
                          </div>
                        </div>
                        <div class="mt-2">
                          <button type="submit" class="btn btn-primary me-2">Save changes</button>
                          <a href="{{ url('superadmin/health_insurance_all_product') }}" class="btn btn-outline-secondary">Cancel</a>
                        </div>
                      </form>
                    </div>
                    <!-- /Account -->
                  </div>
      
                </div>
              </div>
            </form>
            </div>
            <!-- / Content -->

          
<script>
    tinymce.init({
      selector: '#deal_desc',
      plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount checklist mediaembed casechange export formatpainter pageembed linkchecker a11ychecker tinymcespellchecker permanentpen powerpaste advtable advcode editimage tinycomments tableofcontents footnotes mergetags autocorrect typography inlinecss',
      toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
      tinycomments_mode: 'embedded',
      tinycomments_author: 'Author name',
      mergetags_list: [
        { value: 'First.Name', title: 'First Name' },
        { value: 'Email', title: 'Email' },
      ]
    });

      tinymce.init({
      selector: '#additional_desc',
      plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount checklist mediaembed casechange export formatpainter pageembed linkchecker a11ychecker tinymcespellchecker permanentpen powerpaste advtable advcode editimage tinycomments tableofcontents footnotes mergetags autocorrect typography inlinecss',
      toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
      tinycomments_mode: 'embedded',
      tinycomments_author: 'Author name',
      mergetags_list: [
        { value: 'First.Name', title: 'First Name' },
        { value: 'Email', title: 'Email' },
      ]
    });

  </script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
          <script>
             $("#upload").on('change', function () {
         if (typeof (FileReader) != "undefined") {
             var reader = new FileReader();
             reader.onload = function (e) {
                 $("#uploadedAvatar").attr('src',e.target.result);
             }
             reader.readAsDataURL($(this)[0].files[0]);
         } else {
             alert("This browser does not support FileReader.");
         }
     });
     function resetform()
   {
    var ipat = "{{asset('assets/dashboard/assets/img/elements/product-image.png')}}";
    $("#uploadedAvatar").attr('src',ipat);
   }
          </script>
     @endsection