@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">category</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">New Category+</a><br><br>
                <div class="collapse" id="collapseExample">
                <div class="card card-body">
                    @if(isset($_GET['store_id']) && !empty($_GET['store_id']))
                       <form method="post"  action="addCategory"  enctype="multipart/form-data">

                            @csrf




                            <input type="hidden" name="storeId" value="">
                            <div class="row">
                            <div class="col-lg-6">
                            <div class="form-group">
                            <label class="form-control-label" for="input-username" > categry name</label>
                            <input type="text" name="CategoryName"  required class="form-control" >
                            </div>
                            </div>
                            </div>
                            <button type="submit" class="btn btn-primary">Add Category</button>

                        </form>
                     @endif


                </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 -->
            <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">category  name</th>
                    <th scope="col" class="sort" data-sort="status">Status</th>
                    <th scope="col" class="sort" data-sort="completion">action</th>

                  </tr>
                </thead>
                <tbody class="list">
                    @foreach($data as $category)

                    <form method="POST" class="makeITinline" action="/UpdateStoreCategory">
                                        @csrf

                    <tr id="{{$category['category_id']}}">


                     <th scope="row">
                        <div class="media align-items-center">
                          <div class="media-body">


                                 <input type="hidden" value="{{$category['category_id']}}"  name="catid">




                                  <span class="name mb-0 text-sm">
                                     <input type="text" class="col-sm-6 form-control"value="{{$category['name']}}"  name="CategoryStoreName">
                                 </span>







                          </div>
                        </div>
                      </th>

                    <th scope="row">
                       <div class="media align-items-center">
                        <div class=" col-sm-6 media-body">

                                <!--<span class="badge badge-dot mr-4">-->
                                <!--@if($category['Status'] == 0) -->
                                <!--<i class="bg-warning"></i>-->
                                <!--@elseif($category['Status'] == 1)-->
                                <!--<i class="bg-success"></i>-->
                                <!--@endif-->
                                <!--</span>-->



                                <select class=" form-control" name="CategoryStatus">
                                @if($category['Status'] == 0)


                                <option value="{{$category['Status']}}">InActive</option>
                                <option value="1">Active</option>


                                @elseif($category['Status'] == 1)
                                Active
                                <option value="{{$category['Status']}}">Active</option>
                                <option value="0">  unActive</option>


                                @endif


                                </select>



                        </div>
                      </div>
                    </th>


                        <th >














                        <button  type="submit"class="btn btn-outline-primary" id="updateCat"  ><i class="fas fa-pencil-alt"></i></button>
                        </form>

                       <form method="GET"  class="makeITinline" action="/items">

                       <input type="hidden" name="category_id" value={{$category['category_id']}} >
                        <input type="hidden" name="store_id" value= >




                        <button type="submit" class="btn btn-outline-default" >
                        <i class="fas fa-eye fa-lg"></i>
                        </button>
                        </form>


                        <form class="makeITinline" >

                        <button type="button" class="btn btn-outline-danger" id="DeleteCat" onsubmit="return false"  onclick='deleteCategory("{{$category['category_id']}}")'><i class="fas fa-trash-alt"></i></button>

                        </form>












                    </tr>



                    @endforeach


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




@endsection