@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">Stock Market /</span> Upload a new Product</h4>
   @if(isset($edit_product->id))
   <form id="formAccountSettings" method="POST" action="{{ route('superadmin.stockmarket_update_product',$edit_product->id) }}"  enctype="multipart/form-data">
   @method('PUT')
 @else
 <form id="formAccountSettings" method="POST" action="{{ route('superadmin.add_product') }}"  enctype="multipart/form-data">
  @endif
  @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">
                  <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" aria-label="Default select example" name="partnerid">
                      <option disabled selected>select partner</option>
                      @foreach($partner_details as $val)
                      <option value="{{$val->id}}" {{($edit_product->partnerid ?? '') == $val->id  ? 'selected' : ''}}>{{$val->companypartner}}</option>
                      @endforeach
                     </select>
                     </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="@if(isset($edit_product->Logo)) {{asset('public/uploads/stockmarket/products/'.$edit_product->Logo)}} @else../assets/dashboard/assets/img/elements/product-image.png @endif"
                     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"
                        class="account-file-input"
                        hidden
                        name="uploadlogo"
                        accept="image/png, image/jpeg"
                        />
                     </label>
                     <button type="reset" class="btn btn-outline-secondary account-image-reset mb-4" onclick="resetform();">
                     <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" > --}}
                  <div class="row">
                     <div class="mb-3 col-md-6">
                        <label for="firstName" class="form-label">Product Name<sup style="color:red;">*</sup></label>
                        <input
                           class="form-control"
                           type="text"
                           id="firstName"
                           name="productname"
                           value="{{$edit_product->productname ?? old('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="postedon"
                           value="{{$edit_product->postedon ?? old('postedon')}}"
                           id="html5-datetime-local-input"
                           />
                     </div>
					 <div class="mb-3 col-md-6">
                            <label for="address" class="form-label">DP Buddy %<sup style="color:red;">*</sup></label>
                            <input type="number" class="form-control" id="dPBuddyPercent" name="dPBuddyPercent" placeholder="" value="{{$edit_product->dPBuddyPercent ?? old('dPBuddyPercent')}}"/>
                          </div>
                          <div class="mb-3 col-md-6">
                            <label for="address" class="form-label">DP Partner %</label><sup style="color:red;">*</sup>
                            <input type="number" class="form-control" id="dPPartnerPercent" name="dPPartnerPercent" placeholder="" value="{{ $edit_product->dPPartnerPercent ?? old('dPPartnerPercent') }}" />
                          </div>
                          @if (isset($edit_product->product_code))
                          <div class="mb-3 col-md-6">
                              <label for="product_code" class="form-label">Product Code</label>
                              <input type="text" class="form-control" id="product_code" name="product_code" placeholder="" value="{{ $edit_product->product_code }}" readonly/>
                          </div>
                          @endif
                     <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="shortdescription">{{$edit_product->shortdescription ?? old('shortdescription')}}</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" id="address" readonly name="reference"  value="{{$edit_product->reference ?? $Referenceno}}"/>
                     </div>
                     <div class="mb-3 col-md-6">
                        <label for="language" class="form-label">Type of Product<sup style="color:red;">*</sup></label>
                        <select class="form-select" id="exampleFormControlSelect2" aria-label="Multiple select example" name="type_product">
                          <option disabled selected>select product type</option>
                           <option value="demat_a/c" {{ ($edit_product->type_product ?? '') == 'demat_a/c' ? 'selected' : ''}}>Demat A/c</option>
                           <option value="stock_trading_a/c" {{ ($edit_product->type_product ?? '') == 'stock_trading_a/c' ? 'selected' : ''}}>Stock Trading A/c</option>
                           <option value="currency_trading_a/c" {{ ($edit_product->type_product ?? '') == 'currency_trading_a/c' ? 'selected' : ''}}>Currency Trading A/c</option>
                           <option value="commodities_trading_a/c" {{ ($edit_product->type_product ?? '') == 'commodities_trading_a/c' ? 'selected' : ''}}>Commodities trading A/c</option>
                           <option value="dematerialisation_of_securities" {{ ($edit_product->type_product ?? '') == 'dematerialisation_of_securities' ? 'selected' : ''}}>Dematerialisation of Securities</option>
                           <option value="algo_trading" {{ ($edit_product->type_product ?? '') == 'algo_trading' ? 'selected' : ''}}>Algo Trading</option>
                           <option value="unlisted_shares" {{ ($edit_product->type_product ?? '') == 'unlisted_shares' ? 'selected' : ''}}>Unlisted shares</option>
                           <option value="small_case" {{ ($edit_product->type_product ?? '') == 'small_case' ? 'selected' : ''}}>Small case</option>
                        </select>
                     </div>
                     <div class="mb-3 col-md-6">

                      <label for="address" class="form-label">Minimum Investement<sup style="color:red;">*</sup></label>
                      <input type="number" class="form-control"  id="address" name="AUM" placeholder=""  value="{{$edit_product->AUM ?? old('AUM')}}"  />
                    </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" rows="8" name="deal_desc" id="deal_desc">{{$edit_product->deal_desc ?? 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" rows="8" name="additional_desc" id="additional_desc">{{$edit_product->additional_desc ?? old('additional_desc')}}</textarea>
                     </div>
                     {{-- <div class="mb-3 col-md-12">
                        <label for="state" class="form-label">Additional Partner</label>
                        <input type="text" class="form-control" id="address" name="additional_partner" placeholder="" value="{{$edit_product->additional_partner ?? old('additional_partner')}}"/>
                     </div> --}}
                  </div>
                  <div class="mt-2">
                     <button type="submit" class="btn btn-primary me-2">Save changes</button>
                     <a href="{{ url('superadmin/stockmarket-products') }}" class="btn btn-outline-secondary">Cancel</a>
                  </div>
            </div>
            <!-- /Account -->
         </div>
      </div>
   </div>
  </form>
</div>
<!-- / Content -->
{{-- for dynamic img path --}}
@php $img_path = isset($edit_product->Logo) ? $edit_product->Logo : '../assets/dashboard/assets/img/elements/product-image.png' @endphp
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<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' },
    ]
  });

  $("#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 path = ""
          if(path == '../assets/dashboard/assets/img/elements/product-image.png'){
            var ipat = "{{asset('assets/dashboard/assets/img/elements/product-image.png')}}";
            $("#uploadedAvatar").attr('src',ipat);
          }else{
              var ipat = "{{ asset('public/uploads/stockmarket/products/' .$img_path) }}";
              $("#uploadedAvatar").attr('src', ipat);
          }  
      }
</script>
@endsection