@extends('layouts.app')
@section('content')
<style>
   
    </style>




<div class="columns" style="padding-top: 0px;margin-bottom: 0px;">
        <div class="toolbar">

            <div class="tool_strip">
                <h2 class="title is-6">New Product </h2>
            </div>

            <div><a href={{ route('products.all') }} class="button is-primary is-small" >View All </a> </div>

        </div>

    </div>



<div  class="columns" style="padding-top:13px">
  <div class="right_panel" >
<form enctype="multipart/form-data" method="post" action="{{ route('products.store') }}">
@csrf




<div  class="columns">
<div class="column is-4">
  Description :
  <div  style="margin-top:15px"> <input type="text" name="project" class="input is-small"  placeholder=""/></div>
</div>
<div class="column is-4">
  Model Number :
  <div  style="margin-top:15px"> <input type="text" name="designer" class="input is-small"  placeholder=""/></div>
</div>
<div class="column is-4">
 
</div>
</div>

<div  class="columns">
<div class="column is-4">
  Furniture Type :
  <div  style="margin-top:15px"> 
 
  <select class="input is-small" >
    <option value="Outdoor Lounge Chairs" >Outdoor Lounge Chairs </option> 
    <option value="Outdoor Sofas"> Outdoor Sofas </option>
  </select>
</div>
</div>
<div class="column is-4">
 
</div>
<div class="column is-4">
 
</div>
</div>


<div  class="columns">
<div class="column is-4">Retail Price (Canada) </div>

</div>
<div class="columns">
<div class="column is-12">
<table class="table  is-bordered" style="width:100%">
 
    <tr>

    <td>Frame Price</td>
    <td>A Grade</td>
    <td>B Grade</td>
    <td>C Grade</td>
    <td>D Grade</td>
    <td>E Grade</td>
    <td>F Grade</td>
    <td>Quick Dry Foam</td>
   
</tr>
<tr>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
  </tr>
  </table>
  </div>
  </div>

<div  class="columns">
<div class="column is-4">Dealer Price (Canada)</div>

</div>
<div class="columns">
<div class="column is-12">
<table class="table  is-bordered" style="widtd:100%">
 
    <tr>

    <td>Frame Price</td>
    <td>A Grade</td>
    <td>B Grade</td>
    <td>C Grade</td>
    <td>D Grade</td>
    <td>E Grade</td>
    <td>F Grade</td>
    <td>Quick Dry Foam</td>
   
</tr>
<tr>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
  </tr>
  </table>
  </div>
  </div>

<div  class="columns">
<div class="column is-4">Retail Price (US)</div>

</div>
<div class="columns">
<div class="column is-12">
<table class="table  is-bordered" style="widtd:100%">
 
    <tr>

    <td>Frame Price</td>
    <td>A Grade</td>
    <td>B Grade</td>
    <td>C Grade</td>
    <td>D Grade</td>
    <td>E Grade</td>
    <td>F Grade</td>
    <td>Quick Dry Foam</td>
   
</tr>
<tr>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
  </tr>
  </table>
  </div>
  </div>

<div  class="columns">
<div class="column is-4">Dealer Price (US)</div>

</div>
<div class="columns">
<div class="column is-12">
<table class="table  is-bordered" style="widtd:100%">
 
    <tr>

    <td>Frame Price</td>
    <td>A Grade</td>
    <td>B Grade</td>
    <td>C Grade</td>
    <td>D Grade</td>
    <td>E Grade</td>
    <td>F Grade</td>
    <td>Quick Dry Foam</td>
   
</tr>
<tr>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
    <td><input type="text" name="project" class="input is-small"  placeholder=""/></td>
  </tr>
  </table>
  </div>
  </div>

<div  class="columns">
<div class="column is-12">
<input class="button is-primary is-small" type="submit" value="Save">
</div>
</div>
  </form>
</div>
  </div>

@endsection