@extends('admin_layout')
 @section('admin_content')
        <div class="row">
            <div class="col-lg-12">
                    <section class="panel">
                        <header class="panel-heading">
                            Thêm danh mục sản phẩm 
                        </header>

                        <div class="panel-body">
                            <?php
    $message = Session::get('message');if ($message) {
        echo '<span class="text-alert">',$message,'</span>';
        Session::put('message',null);
            // code...
        }
        // code...
    
    ?>
                           

                            <table>  
                            <div>  
                            <tr style="font-size: 14px;background: silver;">  
                                <form role="form" action="{{url('/save-attr/'.$pro_id)}}"  enctype="multipart/form-data" method="post" >

                               @csrf

                                <td style="padding-right: 5px;">    
                                
                                    <label  class=" title" for="exampleInputEmail1">SKU</label>
                                    <input type="text" name ="product_sku"class="form-control" id="title"  placeholder="Tên danh mục">
                               
                                </td>

                               <td style="padding-right: 5px;">   
                                    <label for="exampleInputEmail1">SIZE</label>
                                    <input type="text" name ="product_size"class="form-control" id="slug" placeholder="Tên danh mục">
                                </td>
                                <td style="padding-right: 5px;">   
                                    <label for="exampleInputEmail1">Tên Thuộc Tính </label>
                                    <input type="text" name ="product_name_attr"class="form-control" id="slug" placeholder="Tên danh mục">
                                </td>
                                {{-- <td style="padding-right: 5px;">   
                                    <label for="exampleInputEmail1">Tuổi Rựu</label>
                                    <input type="text" name ="product_age"class="form-control" id="slug" placeholder="Tên danh mục">
                                </td> --}}

                            
                            </tr>
                            
                            <tr style="font-size: 14px;background: silver;">
                                 {{-- <td style="padding-right: 5px;">   
                                    <label for="exampleInputEmail1">Nồng Độ Cồn</label>
                                    <input type="text" name ="product_alco"class="form-control" id="slug" placeholder="Tên danh mục">
                                </td> --}}

                               <td style="padding-right: 5px;">   
                                    <label for="exampleInputEmail1">Giá Bán</label>
                                    <input type="text" name ="product_price"class="form-control" id="slug" placeholder="Tên danh mục">
                                </td>

                                <td style="padding-right: 5px;"> 
                                    <label for="exampleInputEmail1">Số Lượng</label>
                                    <input type="text" name ="product_quantity"class="form-control" id="slug" placeholder="Tên danh mục">
                                </td>

                                <td style="padding-right: 5px;"> 
                                    <label for="exampleInputEmail1">Màu sắc</label>
                                    <input type="text" name ="product_color"class="form-control" id="slug" placeholder="Tên danh mục">
                                </td>

                                <td>
                                    <label for="exampleInputEmail1">Hình ảnh </label>
                                    <input type="file" name ="product_image"class="form-control" id="exampleInputEmail1" r>
                                </td>
                                
                                <td style="padding-left: 5px;">   
                                <button type="submit" name="add_ttr"class="btn btn-info">Thêm danh mục</button>
                                 </td>
                            </form>
                              <tr>
                              
                            
                             </div> 
                            </table> 
                        </div>
                    </section>

            </div>
            <div class="col-lg-12">
            <section class="panel">
                        <header class="panel-heading">
                            @foreach($product as $key => $pro)
                            @if($key==0)
                            Thuộc tính sản phẩm <span style="color: blue;">{{$pro->product_name}} / Mã SP: {{$pro->product_id}}  </span>
                            @endif
                    
                            @endforeach
        
                        </header>

                        <div class="panel-body">

     <table class="table table-striped b-t b-light">
        <thead>
          <tr>
            <th style="width:20px;">
              <label class="i-checks m-b-none">
                <input type="checkbox"><i></i>
              </label>
            </th>
            <th>SKU </th>
             <th>hình ảnh </th>
            <th> SIZE</th>
             <th>Tên Thuộc tính  </th>
            <th> Tuổi Rựu</th>
            <th> Nồng Độ </th>
            <th> Màu Sắt </th>
            <th> Giá bán</th>
            <th> Số lượng</th>  
               
            <th style="width:10px;"></th>
          </tr>
        </thead>
        <tbody>

            @foreach($all_attr as $key => $attr)
          <tr>
            <td><label class="i-checks m-b-none"><input type="checkbox" name="post[]"><i></i></label></td>
           
            <td>{{$attr-> product_sku}}</td>
            <td><img src="{{ url('public/uploads/product')}}/{{$attr ->product_image}}" height="100" with="150"></td>
             <td contenteditable class="edit-attr-name" data-attr_id="{{$attr->attr_id}}">{{$attr-> product_size}}</td>
            <td>{{$attr -> product_name_attr}}</td>
            <td>{{$attr -> product_age}}</td>
            <td>{{$attr -> product_alco}}</td>
            <td style="color:{{$attr -> product_color}} " >▄</td>
            <td>{{$attr -> product_price}}</td>
             <td>{{$attr -> product_quantity}}</td>

             <td>
                    <button type="button"  data-attr_id="{{$attr->attr_id}}" class="btn btn-primary delete-attr"> Xóa ngay </button>
             </td>
             <td>
                   <a href="{{URL::to('/edit-attr/'.$attr->attr_id)}}" class="active styling edit" ui-toggle-class=""><i class="fa fa-pencil-square-o"></i></a>
             </td>
            {{-- <td>
              <a href="{{URL::to('/edit-attr/'.$attr->attr_id)}}" class="active styling edit" ui-toggle-class=""><i class="fa fa-pencil-square-o"></i></a>

               <a onclick="return confirm('bạn có chắc muốn xóa không?')" href="{{URL::to('/delete-attr/'.$attr->attr_id)}}" class="active" ui-toggle-class=""> <i class="fa fa-times text-danger text"></i></a>

            </td> --}}
            
          </tr>
       @endforeach
        </tbody>
      </table>
</div>
                    

</div>
</div>

@endsection