@extends('header.header')
@section('content')




<div class="header pb-6 d-flex align-items-center" style="min-height: 200px; background-image: url(../assets/img/theme/profile-cover.jpg); background-size: cover; background-position: center top;">
    <!-- Mask -->
    <span class="mask bg-gradient-default opacity-8"></span>
    <!-- Header container -->

  </div>





  <div class="container-fluid mt--6  ">
    <div class="row">

      <div class="offset-xl-2 col-xl-8 order-xl-1 ">
        <div class="card">
          <div class="card-header">
            <div class="row align-items-center">
              <div class="col-8">
                <h3 class="mb-0">Add Item </h3>
              </div>
       
            </div>
          </div>
          <div class="card-body">
              
              

       
       <!--PostRestaurant-->
            <form method="post"  action="PostItem"  enctype="multipart/form-data" >

            @csrf




              <input type="hidden" value=""  name="category_id">


                <div class="row">
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-username">Item English name</label>
                      <input type="text"  name="ItemNameEn" class="form-control" placeholder="Item name" required>

                    </div>
                  </div>
                  

                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-username">Item Arbic name</label>
                      <input  type="text"  name="ItemNameAr" class="form-control" placeholder="Item name" required>
                   

                    </div>
                  </div>



                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-Tax">English Description </label>
                      <textarea class="form-control" rows="4" cols="50" required name="en_Description"></textarea>
                    </div>
                  </div> 
                  
                    <div class="col-lg-6">
                        <div class="form-group">
                        <label class="form-control-label" for="input-Tax">arbic Description </label>
                            <textarea class="form-control" rows="4" cols="50" required name="ar_Description"></textarea>
                        </div>
                    </div> 
              

                    
        
                <div class="col-lg-6">
                        <div class="form-group">
                            <label class="form-control-label" for="input-phone_number">quantity </label>
                            <input type="number" id="input-phone_number"  name="quantity" class="form-control" placeholder="Enter Item  quantity" value="Jesse" required min="0">
                        </div>
                    </div>
                    
                 <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-phone_number">Price </label>
                      <input type="number" id="input-phone_number"  name="item_Price" class="form-control" placeholder="Enter Item Price" value="Jesse" required min="0">
                    </div>
                  </div>


        

                <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-phone_number">Image</label>
                      <input type="file" id="input-phone_number" name="item_image" class="form-control" placeholder="Enter Item Imgae" value="Jesse" accept="image/*" required>
                    </div>
                  </div>
                  
                  
                  <div class="col-12 ">
               <!--INSERT INTO `add_ons`(`id`, `item_id`, `lang_id`, `status`, `price`, `created_at`, `updated_at`, `AddOns_Categories_Id`) VALUES ([value-1],[value-2],[value-3],[value-4],[value-5],[value-6],[value-7],[value-8])-->

                            
                     <div class="form-group row " id="AddToppingsDiv" >
                         
                                     <div class="offset-8 col-lg-2 ">
                        <div class="form-group">
                              



                        </div>
                    </div>
                            
                         
                          
          
                    
                         
                         
                       
             
                        
                        
        
                        
                        
                     </div>
                   
                  </div>
                  
                  
                  <div class="offset-5 col-lg-6">
                    <div class="form-group">
                     <button type='submit' class="btn btn-primary" name="addRestaurant">Submit</button>
                     <a href="javascript:history.back()" class="btn btn-danger">back</a>
                    </div>
                  </div>

           
              <hr class="my-4 ">
              <!-- Address -->
     
       
       
            </form>
          </div>
        </div>
      </div>
    </div>
</div>
</div>




  
  @endsection