@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="{{route("items.update",['id'=>$item->id])}}" enctype="multipart/form-data">
                  @csrf
                  @method("put")

                <input type="hidden"  name="lang_id"  value="{{$item->lang_id}}">
                <input type="hidden"  name="category_id"  value="{{$item->category_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">{{__('English Item name')}}</label>
                      <input type="text" id="input-RestaurantName" name="Name" class="form-control" placeholder="name" value="{{$item->lang->translate_title}}">
                    </div>
                  </div>

                  <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-username">{{__('Arabic Item name')}}</label>
                      <input type="text" id="input-RestaurantName" name="Name_ar" class="form-control" placeholder="name" value="{{$item->lang->translate_title_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="{{$item->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="{{floatval($item->price)}}"   placeholder="Enter price">
                    </div>
                  </div>






                       <div class="col-lg-6">
                       <div class="form-group">
                      <label class="form-control-label" for="input-phone_number">{{__('Edit Status')}} </label>
                          <select  class="form-control" name="status" >
                            @if($item->status == 0)
                            <option value=0>unActive</option>
                            <option value=1>Active</option>
                            @elseif($item->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">{{__('English Item Description')}}</label>
                      <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"  name="Description">{{$item->Description}}</textarea>
                    </div>
                  </div>


                <div class="col-lg-6">
                    <div class="form-group">
                      <label class="form-control-label" for="input-Tax">{{__('Arabic Item Description')}}</label>
                      <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"  name="Description_ar">{{$item->Description_ar}}</textarea>
                    </div>
                  </div>
                <div class="col-lg-6">
                    <div class="form-group">
                      <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>
                  <div class="col-lg-6">
                    <div class="form-group">
                        <img  width="100" height="100"src="{{$item->item_image}}" class="mb-3">
                    </div>
                  </div>
                 <input type="hidden"  name="ThisItemImage"  value="{{$item->ImageUrl}}">
             @if(isset($item->topping) && !empty($item->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>
                  <th scope="col" class="sort" data-sort="name">En Topping name </th>
                  <th scope="col" class="sort" data-sort="name">Ar Topping name </th>
                </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>
              <hr class="my-4 ">




            </form>
          </div>
        </div>
      </div>
    </div>
</div>
</div>

  @endsection