@extends('admin.layout.admin')
@section("title"," Dashboard | Wishours")
<!-- Main content -->
@section("content")
<section class="content-header">
      <h1>
        Products
        <small>Manage Products</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Product</a></li>
        <li class="active">Add Product Attributes</li>
      </ol>
    </section>
<section class="content container-fluid">
 <br/>
  <div class="row">
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">Add Product Attributes</h3>
        </div>
        <!-- /.box-header -->
        <!-- form start -->
        @if ($errors->any())
        <div class="alert alert-danger" id="dangerMessage">
          <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
        @endif
        @if (session()->has('message'))
        <div class="alert alert-success" id="successMessage">
          {{ session('message') }}
        </div>
        @endif
        <div class="box-body">
          <p>Product Title : {{ $product->title }}</p>
          <p>Product Code : {{ $product->product_code }}</p>
          <!--{{ substr($product->defaultsize, 0, -2) }}-->
          <p><strong>Note : </strong>Please Put first attribute product size : <strong>{{ substr($product->defaultsize, 0, -2) }}</strong> and Price : <strong>{{ $product->price }}</strong></p>
          <form action="{{route('admin.product.addattributes', $product->id)}}" method="post" accept-charset="utf-8">
             {{ csrf_field() }}
             <div class="row">
        <div class="col-md-12">
            <div data-role="dynamic-fields">
                <div class="form-inline attr_form">
                    <div class="form-group">
                      <input type="hidden" name="product_id" value="{{ $product->id }}">
                        <input type="text" class="form-control" id="field-name" placeholder="Product SKU" name="sku[]" required>
                    </div>
                     <span>-</span>
                    <div class="form-group">
                        <input type="text" class="form-control" id="field-name" placeholder="Product Size" name="size[]" required>
                    </div>
                     <span>-</span>
                    <div class="form-group">  
                        <input type="number" class="form-control" id="field-name" placeholder="Product Price" name="price[]" required>
                    </div>
                    <span>-</span>
                    <div class="form-group">                       
                        <input type="number" class="form-control" id="field-value" placeholder="Discount" name="discount[]" required>
                    </div>
                    <span>-</span>
                    <div class="form-group">
                        <input type="number" class="form-control" id="field-value" placeholder="Stock" name="stock[]" required>
                    </div>
                    <button class="btn btn-danger" data-role="remove">
                        <span class="glyphicon glyphicon-remove"></span>
                    </button>
                    <button class="btn btn-primary" data-role="add">
                        <span class="glyphicon glyphicon-plus"></span>
                    </button>
                </div>  <!-- /div.form-inline -->
            </div>  <!-- /div[data-role="dynamic-fields"] -->
        </div>  <!-- /div.col-md-12 -->
    </div>  <!-- /div.row -->
    <div class="form-group">
      <br/>
      <input type="submit" name="" value="Save Attributes" class="btn btn-success">
    </div>
          </form>
            
        </div>
        <div class="container-fluid">
        <div class="row">
          <div class="col-sm-12">
            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <th>#</th>
                      <th>Product SKU</th>
                      <th>Product Size</th>
                      <th>Product Price</th>
                      <th>Product Discount</th>
                      <th>Product Stock</th>
                      <th>Actions</th>
                    </tr>
                  </thead>
                  <tbody>
                    
                    @php
                    $counter = 1;
                    @endphp
                       @foreach($product->attributes as $attribute)
                       <tr>
                       <td></td>
                       <td>{{ $attribute->sku }}</td>
                       <td>{{ $attribute->size }}</td>
                       <td>{{ $attribute->price }}</td>
                       <td>{{ $attribute->discount }}</td>
                       <td>{{ $attribute->stock }}</td>
                       <td>
                        <form method="POST" action="{{ route('admin.product.deleteAttribute', [$attribute->sku]) }}">
    {{ csrf_field() }}
    {{ method_field('DELETE') }}
    <button type="submit" class="btn btn-danger">Delete</button>
</form>
                       </td>

                       <td>

                        
                       </td>
                       </tr>
                       @endforeach
                  </tbody>
                </table>
        <br/>
        <h4>Product Attributes Update </h4>
        <small>Note : No need to update first attribute of product from here. First product attribute autometically updated from edit product option. </small>
              <form action="{{route('admin.product.editattributes', $product->id)}}" method="post" accept-charset="utf-8">
              {{ csrf_field() }}
            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <th>#</th>
                      <th>Product SKU</th>
                      <th>Product Size</th>
                      <th>Product Price</th>
                      <th>Product Discount</th>
                      <th>Product Stock</th>
                    </tr>
                  </thead>
                  <tbody>
                    
                    @php
                    $counter = 1;
                    @endphp
                       @foreach($product->attributes as $attribute)
                       <tr>
                       <td><input type="hidden" name="attr_id[]" value="{{ $attribute->id }}">1</td>
                       <td>{{ $attribute->sku }}</td>
                       <td><input type="text" name="attr_size[]" value="{{ $attribute->size }}"></td>
                       <td><input type="text" name="attr_price[]" value="{{ $attribute->price }}"></td>
                       <td><input type="text" name="attr_discount[]" value="{{ $attribute->discount }}"></td>
                       <td><input type="text" name="attr_stock[]" value="{{ $attribute->stock }}"></td>
                       </tr>
                       @endforeach
                  </tbody>
                </table>
                <div class="form-group padding-top15 text-right">
                  <input type="submit" class="btn btn-info" value="Update">
                </div>
              </form>
                 <a href="{{ route('admin.product.index')}}"> << Back </a>
          </div>
        </div>
        </div>
    </div>
    <!-- /.box -->
  </div>
</div>
</section>
@endsection