@extends('admin.template')


@section('styles')

<link rel="stylesheet" href="/select2/css/select2.min.css">

<style type="text/css">
  .btn-file {
      position: relative;
      overflow: hidden;
  }
  .btn-file input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      font-size: 100px;
      text-align: right;
      filter: alpha(opacity=0);
      opacity: 0;
      outline: none;
      background: white;
      cursor: inherit;
      display: block;
  }

  .img_upload_featured{
      max-height: 140px;
      max-width: 100%;
  }

  .img_upload{
      max-height: 180px;
      max-width: 100%;
  }

  .img_upload:hover{
      cursor: move;
  }

  .img_box{
      width: 100%;
      text-align: center;
      height: 150px;
      border:1px Solid #a9a9a9;
      line-height: 145px;
  }

  .img_main_box{
      max-width: 200px;
  }

  .sm_txt{
      font-size: 11px;
  }

  .m_top{
      margin-top: 5px;
  }

  .save_btn{
      margin-top: 15px;
      border-radius: 0px;
  }

  .input_txt{
      font-size: 16px;
  }

  .del_btn{
    color: #fff !important;
    width: 20px;
    padding: 1px;
    position: absolute;
    right: 16px;
    top: 22px;
  }

  #industries_drop ul{
    padding: 0px;
    list-style: none;
  }

  #industries_drop ul li{
    padding: 5px;
    border: 1px Solid #ccc;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
  }

  #industries_drop ul li:hover{
    cursor: pointer;
    background-color: #949292;
    color: #fff;
  }

  .cap_txt{
    text-transform: capitalize;
  }
</style>

@endsection


@section('content')

<div class="main-content-container container-fluid px-4">
  <!-- Page Header -->
  <div class="page-header row no-gutters py-4">
    <div class="col-12 col-sm-4 text-center text-sm-left mb-0">
      <span class="text-uppercase page-subtitle">Products</span>
      <h3 class="page-title">Edit Product</h3>
    </div>
  </div>
  <!-- End Page Header -->
  <!-- Default Light Table -->
  <div class="row">
    <div class="col-lg-12">
      <div class="card card-small mb-4">
        <div class="card-header border-bottom">
          <h6 class="m-0">Product Details</h6>
        </div>
        <ul class="list-group list-group-flush">
          <li class="list-group-item p-3">
            <div class="row">
              <div class="col">
                {!! Form::model($product,['route' => ['admin.products.update',$product->id],'class'=>'login_form','id'=>'login_form', 'files' => 'true']) !!}
                  
                  {{csrf_field()}}

                  <div class="form-row">
                    <div class="form-group col-md-6">
                      <label>Industry</label>
                      {{-- {{Form::text('ind_name',null,['class' => 'form-control cap_txt', 'placeholder' => 'Select Industry', 'id' => 'industry_id',"autocomplete" => "off"])}}

                      <div id="industries_drop" style="display: none;">
                        <ul>
                          <li>Search category</li>
                        </ul>
                      </div> --}}

                      {{Form::select('industry_id',$industries_arr,$product->industry_id,['class' => 'form-control input input select2','required' => ''])}}

                    </div>
                  </div>

                  {{-- {{Form::hidden('industry_id',null,['class' => 'form-control', 'id' => 'ind_id'])}} --}}

                  <div class="form-row">
                    <div class="form-group col-md-6">
                      <label>Title</label>
                      {{Form::text('name',null,['class' => 'form-control', 'placeholder' => 'Please enter product title','required'=>''])}} 
                    </div>
                  </div>
                  
                  
                  <div class="form-row">
                    <div class="form-group col-md-6">
                      <label>Meta Title</label>
                      {{Form::text('meta_title',null,['class' => 'form-control', 'placeholder' => 'Meta Title'])}} 
                    </div>
                  </div>
                  
                  
                  <div class="form-row">
                    <div class="form-group col-md-6">
                      <label>Meta Description</label>
                      {{Form::textarea('meta_description',null,['class' => 'form-control', 'placeholder' => 'Meta Description','rows' => '2' ])}} 
                    </div>
                  </div>
                  

                  <div class="col-md-3" style="margin-left: -15px;">
                  @for($i=1;$i<2;$i++)
                      <div class="img_box" id="img_box_{{$i}}" @if($i != 1) ondrop="drop(event)" ondragover="allowDrop(event)" @endif>
                                                    @if($product->thumbnail_img != "" and $i == 1)