@extends('header.header')



@section("content")


<div class="header bg-primary pb-6  pt-5">
      <div class="container-fluid">
        <div class="header-body">
          <div class="row align-items-center py-4">
            <div class="col-lg-6 col-7">
              <h6 class="h2 text-white d-inline-block mb-0">{{__('Add Ons Categories')}}</h6>
              <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                  <li class="breadcrumb-item"><a href="#"><i class="fas fa-home"></i></a></li>
                  <li class="breadcrumb-item"><a href="/">{{__('Dashboard')}}</a></li>
                  <li class="breadcrumb-item active" aria-current="page">{{__('Add Ons table')}}</li>
                </ol>
              </nav>
            </div>
          </div>

        </div>

      </div>


</div>



    <div class="container-fluid mt--6">
      <div class="row">
        <div class="col">
          <div class="card">
            <!-- Card header -->
            <div class="card-header border-0">


                <div class="tile-title-w-btn"><a href="{{route('items.add_ons.create', $item->id)}}" class="btn btn-primary">{{__('Create New Add Ons Category')}}</a></div>
  


            </div>
            <!-- Light table -->
            <div class="table-responsive">
              <table class="table align-items-center table-flush">
                <thead class="thead-light">
                  <tr>
                    <th scope="col" class="sort" data-sort="budget">#{{__('ID')}}</th>
                    <th scope="col" class="sort" data-sort="name">{{__('English name')}} </th>
                    <th scope="col" class="sort" data-sort="status">{{__('Arabic name')}}</th>
                    <th scope="col" class="sort" data-sort="status">{{__('Min Choice option')}} </th>
                    <th scope="col" class="sort" data-sort="status">{{__('Max Choice option')}}</th>
                    <th scope="col" class="sort" data-sort="completion">{{__('Control')}}</th>
                  </tr>

                </thead>
                <tbody class="list" id="myTable">
                    @foreach($addOns as $addOn)
                                <tr id="addons{{$addOn->id}}">
                                    <td>{{$addOn->id}}</td>
                                    <td>{{$addOn->add_ons_name_en}}</td>
                                    <td>{{$addOn->add_ons_name_ar}}</td>
                                    <td>{{$addOn->min}}</td>
                                    <td>{{$addOn->max}}</td>

                                    <td>

                                        <a href="{{route("items.add_ons.edit", ['item_id'=> $item->id,'id'=> $addOn->id])}}" class="btn btn-outline-primary"><i class="fas fa-pencil-alt"></i></a>
                                        
                                        <form method="post" id="DeleteAddonsCategory{{$addOn->id}}" action="{{route("items.add_ons.destroy", [$item->id, $addOn->id])}}" class="makeITinline" >
                                        @csrf @method("delete")
                                        </form>
                                        
                                        <form class="makeITinline" >
                                        
                                           <button type="button" class="btn btn-outline-danger" id="DeleteItem{{$item->id}}" onsubmit="return false"  onclick='deleteAddOnsCategory("{{$addOn->id}}")'><i class="fas fa-trash-alt"></i></button>
                                        
                                        </form>

                                    </td>
                                </tr>
                     @endforeach

                </tbody>
              </table>
            </div>
            <!-- Card footer -->
          </div>
        </div>
  
      <!-- Dark table -->






@endsection

@section("js-scripts")
<script>


        function deleteAddOnsCategory(id){
            
                  swal({
                title: "Are you sure?",
                text: "It will permanently be deleted with All related Data!",
                icon: "warning",
                buttons: true,
                dangerMode: true,
                })
                .then((willDelete) => {
                if (willDelete) {


                    
                    
                        $("#DeleteAddonsCategory"+id).submit();

                        swal("This record has been deleted.!", {
                        icon: "success",
                        });
                        
                        
                        $("#addons"+id).fadeOut("slow"); // show response from the php script.

                        }
                   
                        });


                }
            
            
    
</script>
@endsection