@extends('vendor.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">{{__('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">{{__('Category table')}}</li>
                </ol>
              </nav>
            </div>
            <div class="col-lg-12">
              <a href="#" class="btn btn-sm btn-neutral" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">{{__('create new category')}}+</a><br><br>
                <div class="collapse" id="collapseExample">
                <div class="card card-body">

                       <form method="POST" action="{{route('vendor.addCategory.store')}}"  enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                            <div class="col-lg-6">
                            <div class="form-group">
                            <label class="form-control-label" for="input-username" >{{__('English Main Category Name')}} </label>
                            <input type="text" name="CategoryName"  required class="form-control" >
                            </div>
                            </div>
                                <div class="col-lg-6">
                            <div class="form-group">
                            <label class="form-control-label" for="input-username" >{{__('Arabic Main Category Name')}}</label>
                            <input type="text" name="CategoryNamear"  required class="form-control" >
                            </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="category_image" class="form-control" placeholder="{{__('Enter Category Image')}}" value="" accept="image/*" required>
                                                                </div>
                                                            </div>
                            </div>

                            <button type="submit" class="btn btn-primary">{{__('Add categories')}}</button>

                        </form>


                </div>
                </div>
            </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">
              <h3 class="mb-0">{{__('Category table')}}</h3><br>
                              <!--<input class="form-control" id="myInput" type="text" placeholder="Search..">-->
            </div>
            <!-- Light table -->
           <!-- 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="name"id="ignorStyle">{{__('Category Name')}} </th>
                                           <th scope="col" class="sort" data-sort="name"id="ignorStyle">{{__('Category Image')}} </th>

                                           <th scope="col" class="sort" data-sort="completion">{{__('Control on items')}}</th>

                                                <th scope="col" class="sort" data-sort="completion">{{__('Control on Category')}}</th>

                                           <th scope="col"></th>
                                       </tr>
                                       </thead>
                                       <tbody class="list" id="myTable">
                                       @foreach($categories as $category)
                                           <tr>
                                               <td>{{$category->getTitleAttribute()}}</td>
                                                  <td>
                                                                  <img src="{{$category->category_image}}" width="80">
                                                       </td>
                                               <td>
                                                   <form method="get"  action="{{route("vendor.item.index", ['category_id'=>$category->id])}}">
                                                       <button type="submit" class="btn btn-outline-default">
                                                           <span>{{__('Items')}}</span>
                                                           <i class="fas fa-sitemap fa-lg"></i>
                                                           <i class="fas fa-bag fa-lg"></i>
                                                       </button>
                                                   </form>
                                               </td>

                                                <td>
                                                    <a href="{{route("vendor.Category.edit", $category->id)}}" class="control-link edit"><i class="fas fa-edit fa-2x"></i></a>

                                              <form action="{{route("vendor.Category.delete", $category->id)}}" method="post" id="delete{{$category->id}}" style="display: none" data-swal-title="{{__('Delete Item')}}" data-swal-text="{{__('Are Your Sure To Delete This Item ?')}}" data-yes="{{__('Yes')}}" data-no="{{__('No')}}" data-success-msg="{{__('the item has been deleted succssfully')}}">@csrf @method("delete")</form>
                                               <span href="#" class="control-link remove form-confirm" class="far fa-trash-alt fa-2x  pl-4" data-form-id="#delete{{$category->id}}"><i style="color: red" class="far fa-trash-alt fa-2x  pl-4"></i></span>
                                               </td>
                                           </tr>
                                       @endforeach
                                       </tbody>
                                   </table>
                               </div>
                           </div>
                       </div>
                   </div>
               <!-- Dark table -->

@endsection