@extends('layouts.app')

@if (session()->has('success'))
<div class="alert-success">{{session()->get('success')}}</div>    
@endif

@section('form')
<div class="container-fluid">
    
  <a href="{{route('home')}}">  <button class="btn btn-success">back</button></a>
    
  {{-- <button class="addCF">add new row</button>
  <button class="remCF">reomve row</button> --}}
    {{-- `products_id``product_section_types_id``PNinSection``price``quantity``sizetype``size``color``imageforcolor` --}}
<form action="{{route('PtoSstore.store')}}"  method="POST" enctype="multipart/form-data">
  @csrf

  <table class="table">
    <thead>
        <th>
            <tr>
                <td>product name</td>
                <td>product section</td>
                <td>name of sub product </td>
                <td>price</td>
                <td>quantity</td>
                <td>sizetype  us/uk/baby</td>
                <td>inter size of subproduct</td>
                <td>inter color of subproduct</td>
                <td>upload img 1</td>
                <td>upload img 2</td>
                <td>process</td>
            </tr>
        </th>

    </thead>
    <tbody id="tbody">
        <tr>
            <td>  <select name="productId" id="">
                <label for="">select product name </label>
               @foreach($productInfo as $productI)
               <option value="{{$productI->id}}">{{$productI->productName}}</option>
               @endforeach
            </select>
        </td>
            <td>
                <select name="sectionId" id="" class="form-group">
                    @foreach($section as $Section)
                    <option value="{{$Section->id}}">{{$Section->name}}</option>
                    @endforeach
                 </select>

            </td>
            <td> <input type="text" class="form-control" placeholder="inter subproduct name here" name="PNinSection"></td>
            <td><input type="text" class="form-control" placeholder="priceforkind" name="price"></td>
            <td><input type="text" class="form-control" placeholder="quantity" name="quantity"></td>
            <td>
                <select name="sizetype"  class="form-group">
                    <option value="us">us</option>
                    <option value="uk">uk</option>
                    <option value="child">child</option>
                 </select>
            </td>
            <td>

                <select name="size"  class="form-group">
                    <option disabled>us</option>
                    <option disabled></option>
                    <option value="32">32</option>
                    <option value="34">34</option>
                    <option value="36">36</option>
                    <option value="38">38</option>
                    <option value="40">40</option>
                    <option value="44">44</option>
                    <option value="46">46</option>
                    <option value="50">50</option>
                    <option value="52">52</option>
                    <option value="54">54</option>
                    <option disabled>uk</option>
                    <option disabled></option>
                    <option value="6">6</option>
                    <option value="8">8</option>
                    <option value="10">10</option>
                    <option value="12">12</option>
                    <option value="14">14</option>
                    <option value="16">16</option>
                    <option value="18">18</option>
                    <option value="20">20</option>
                    <option value="22">22</option>
                    <option value="24">24</option>
                    <option disabled>child</option>
                    <option disabled></option>
                    <option value="1-2">1-2</option>
                    <option value="3-4">3-4</option>
                    <option value="5-6">5-6</option>
                    <option value="7-8">7-8</option>
                    <option value="9-10">9-10</option>
                    <option value="11-12">11-12</option>
                    <option value="13-14">13-14</option>
                    <option value="15-16">15-16</option>
               
                 </select>
            </td>
            <td><input type="color" class="form-control" placeholder="priceforkind" name="color"></td>
            <td><input type="file" class="form-control" name="imgs"></td>
            <td><input type="file" class="form-control" name="imgs2"></td>
            <td> <button  name="submit" class="btn btn-primary lg">Submit</button>
            </td>

        </tr>
    </tbody>
</table>
</form>

</div>
@endsection



{{-- <script>
$(document).ready(function(){
    $(".addCF").click(function(){
        $("#tbody").append('<tr><td>sama</td></tr>');
    });
    $("#tbody").on('click','.remCF',function(){
        $(this).parent().parent().remove();
    });
});


</script> --}}