@extends('Admin.layout.master')

@section('title','Admin | Ürün Özellikleri')

@section('content')

<section class="content">

  <div class="row">

    <!-- Form controls -->

    <div class="col-sm-12">

      <div class="panel panel-bd lobidrag">

        <div class="panel-heading">

          <div class="btn-group" id="buttonlist">

            <a class="btn btn-add " href={{route('product.list')}}>

              <i class="fa fa-list"></i>  Ürün listesi </a>

          </div>

        </div>

        <div class="panel-body">

          @if(Session::has('flash_message_error'))

            <div class="alert alert-error alert-block">

              <button type="button" class="close" data-dismiss="alert">×</button>

              <strong>{!! session('flash_message_error') !!}</strong>

            </div>

          @endif

          @if(Session::has('flash_message_success'))

            <div class="alert alert-success alert-block">

              <button type="button" class="close" data-dismiss="alert">×</button>

              <strong>{!! session('flash_message_success') !!}</strong>

            </div>

          @endif

          <form enctype="multipart/form-data" class="col-sm-6" method="post" action="{{ route('add.attributes',$productDetails->id) }}" name="add_product" id="add_product">

            @csrf

            <input type="hidden" name="product_id" value="{{ $productDetails->id }}">

            <div class="form-group">

              <label>Kategori Adı :</label>

              <label class="label-info">{{ $category_name }}</label>

            </div>

            <div class="form-group">

              <label>Ürün Adı :</label>

              <label class="label-info">{{ $productDetails->product_name }}</label>

            </div>

            <div class="form-group">

              <label>Ürün Kodu :</label>

              <label class="label-info">{{ $productDetails->product_code }}</label>

            </div>

            <div class="form-group">

              <label>Ürün Renk :</label>

              <label class="label-info">{{ $productDetails->product_color }}</label>

            </div>

            <div class="form-group">

              <label>Yeni özellik ekleyin</label>

              <div class="field_wrapper">

                <input required title="Required" type="text" name="size" id="size" placeholder="Size" style="width:120px;" class="form-control">

                <input required title="Required" type="text" name="stock" id="stock" placeholder="Stock" style="width:120px;" class="form-control">

              </div>

            </div>



            <div class="form-actions">

              <input type="submit" value="Özellik ekle" class="btn btn-success">

            </div>

          </form>



        </div>

        <div class="panel-body">

          <form action="{{ route('edit.attributes',$productDetails->id) }}" method="post">

            @csrf

            <table class="table table-bordered data-table">

              <thead>

              <tr>

                <th>Özellik ID</th>

                <th>Beden</th>

                <th>Stok</th>

                <th>İşlemler</th>

              </tr>

              </thead>

              <tbody>

              
              @foreach($productDetails->attributes as $attribute)

                <tr class="gradeX">

                  <td class="center"><input type="hidden" name="idAttr" value="{{ $attribute->id }}" class="form-control">{{ $attribute->id }}</td>

                  <td class="center">{{ $attribute->size }}</td>

                  <td class="center"><input name="stock" type="text" value="{{ $attribute->stock }}" required class="form-control"></td>



                  <td class="center">

                    <input type="submit" value="Güncelle" class="btn btn-primary btn-mini" />

                      
                    <a href="{{ route('delete.attributes',$attribute->id) }}" class="btn btn-danger btn-mini">Özelliği Kaldır</a>

                  </td>

                </tr>

              @endforeach

              </tbody>

            </table>

          </form>

        </div>

      </div>

    </div>

  </div>

</section>

@endsection