@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">Edit Item </h3>
              </div>
       
            </div>
          </div>
          <div class="card-body">
          
            <form method="POST"  action="/EditeItem"  enctype="multipart/form-data">
                
      
                  <input type="hidden"  name="ItemId"  value="">

            @csrf

              @foreach($data as $ItemData)

                               
                <input type="hidden"  name="lang_id"  value="{{$ItemData['lang_id']}}">



              <div class="pl-lg-4">
                <div class="row">
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-username">En : Item name</label>
                      <input type="text" id="input-RestaurantName" name="Name" class="form-control" placeholder="name" value="{{$ItemData['name_en']}}">
                    </div>
                  </div>
                  
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-username">Ar : Item name</label>
                      <input type="text" id="input-RestaurantName" name="Name_ar" class="form-control" placeholder="name" value="{{$ItemData['name_ar']}}">
                    </div>
                  </div>
      
   
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-city">quantity</label>
                      <input type="number" id="input-city" name="quantity" class="form-control"   placeholder="quantity" value="{{$ItemData['quantity']}}" >
                    </div>
                
                  </div>
        
                
      
                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-Tax">price</label> 
                      <input type="number" id="input-Tax" name="price" class="form-control" value="{{$ItemData['price']}}"   placeholder="Enter price">
                    </div>
                  </div> 





           


                  
        
    
                  

                  <div class="col-lg-6">
                    <div class="form-group">
                        <img  width="100" height="100"src="{{$ItemData['ImageUrl']}}" class="mb-3">
                      <label class="form-control-label" for="input-phone_number">Item Image  </label>
                      <input type="file" id="input-phone_number" name="item_image" class="form-control"  placeholder="Enter Imgae" value="Jesse" accept="image/x-png,image/gif,image/jpeg,image/png,image/jpg,image/svg">
                    </div>
                  </div>
                 <input type="hidden"  name="ThisItemImage"  value="{{$ItemData['ImageUrl']}}">

                  
                  
                  
                  
                       <div class="col-lg-6">
                       <div class="form-group">
                      <label class="form-control-label" for="input-phone_number">Edite Status </label>
                          <select  class="form-control" name="status" >
                            @if($ItemData['status'] == 0)
                            <option value=0>unActive</option>
                            <option value=1>Active</option>
                            @elseif($ItemData['status'] == 1)
                            <option value=1>Active</option>
                             <option value=0>unActive</option>
                            @endif
                            
                          </select>
                    </div>
                    </div>
                    
                    
                    
                 <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-Tax">En Description</label> 
                      <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"  name="Description">{{$ItemData['Description']}}</textarea>
                    </div>
                  </div>
                  
                  
                <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-Tax">Ar Description</label> 
                      <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"  name="Description_ar">{{$ItemData['Description_ar']}}</textarea>
                    </div>
                  </div>
                  
             @if(isset($ItemData['topping']) && !empty($ItemData['topping']))      
              <label class="form-control-label" for="input-phone_number">Topping Table :</label>

              <div class="table-responsive">
              <table class="table align-items-center table-flush">
                <thead class="thead-light">
                  <tr>
                    
                    <th scope="col" class="sort" data-sort="name">En Topping name </th>
                    <th scope="col" class="sort" data-sort="name">Ar Topping name </th>
                    <th scope="col" class="sort" data-sort="name">Category Topping </th>
                    <th scope="col" class="sort" data-sort="status">Topping price</th>
                    <th scope="col" class="sort" data-sort="completion">action</th>
                    <th scope="col"></th>
                  </tr>
                </thead>
                <tbody class="list">
                    @foreach($ItemData['topping'] as $topping)
                    <tr id="T{{$topping['id']}}">
    
                        <td>{{$topping['name_en']}}</td>
                        <td>{{$topping['name_ar']}}</td>
                        <td>{{$topping['CategoryTopping']}}</td>
                        <td>{{$topping['price']}}</td>
                        <td><button type="button" class="btn btn-outline-danger" id="DeleteItem" onsubmit="return false"  onclick='deleteItemTopping("{{$topping['id']}}")'><i class="fas fa-trash-alt"></i></button></td>
                    </tr>
                    @endforeach
                    
                </tbody>
                </table>
                </div>
                @endif
                    
                     <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 class="col-lg-12">
                    <div class="form-group">
                     <button type='submit' class="btn btn-primary" name="EditeRestaurant">Submit</button>
                     <a href="javascript:history.back()" class="btn btn-danger">back</a>
                    </div>
                  </div>
                  
                  
                
                  </div>

             @endforeach
              <hr class="my-4 ">
              
     
       
       
            </form>
          </div>
        </div>
      </div>
    </div>
</div>
</div>

  @endsection