@extends('layouts.starlight')
@section('title')
Category
@endsection
@section('product')
active
@endsection
@section('breadcrumb')
     <nav class="breadcrumb sl-breadcrumb">
        <a class="breadcrumb-item" href="{{ url('home') }}">Dashboard</a>
        <span class="breadcrumb-item active">Category</span>
      </nav>
@endsection
@section('content')
<div class="container">
    <div class="row">
        <div class="col-8">
            <div class="card">
            <div class="card-header text-center">
              <div class="row">
                    <div class="col-6">
                        Product List
                    </div>
                    <div class="col-6">
                      {{-- @if($categories->count()!==0)
                          <button id="delete_all_btn" class="btn btn-danger">Delete All</button>
                      @endif --}}
                    </div>
              </div>

           </div>
            <div class="card-body">  
              <table class="table caption-top">
                 
                     <thead>
                          <tr>
                              <th scope="col">SL. No:</th>
                              <th scope="col">Category Name</th>
                              <th scope="col">Product Name</th>
                              <th scope="col">Product Price</th>
                              <th scope="col">Product Quantity</th>
                               <th scope="col">Product Alert Quantity </th>
                          </tr>
                     </thead>
                     <tbody>
                      <form action="{{ route('categorycheckdelete')}}" method="POST">
                        @csrf
                       @forelse ($products as $product)
                          <tr>
                            <td>{{ $loop->index+1}}</td>
                            <td>{{ App\Models\Category::find($product->category_id)->category_name }}</td>
                            <td>{{ $product->product_name }}</td>
                            <td>{{ $product->product_price }}</td>
                            <td>{{ $product->product_quantity }}</td>
                            <td>{{ $product->product_alert_quantity }}</td>
                            <td>
                              <a href="{{ route('product_edit',$product->id) }}" class="btn btn-sm btn-info">Edit</a>
                            </td>
                          </tr>
                         @empty
                           <tr class="text-center">
                                <td colspan="50">No Data To Show</td>
                           </tr>
                          @endforelse
                     </tbody>
                    </table>
                    {{-- <div class="btn-group" role="group" aria-label="Basic example">
                    <button type="button" class="btn btn-info" id="check_all_btn">Check All</button>
                    <button type="button" class="btn btn-danger" id="Uncheck_all_btn">Uncheck All</button>
                    </div>
                    <button type="submit" class="btn btn-danger">Check Delete</button> --}}
           </form> 
          
              </div>
            </div>
          </div>

          <div class="col-4">
            <div class="card">
            <div class="card-header text-center">Add Product</div>
            <div class="card-body">
                <form action="{{ route('product_post') }}"  method="POST" enctype="multipart/form-data">
                  @csrf
                  <div class="mb-3">
                    <label>Category Name</label>
                    <select class="form-control" name="category_id">
                      <option value="">Choose One</option>
                      @foreach ($categories as $category)
                           <option value="{{ $category->id }}">{{ $category->category_name }}</option>
                      @endforeach
                    </select> 
                  </div>
                    <div class="mb-3">
                    <label>Product Name</label>
                    <input type="text" class="form-control" name="product_name"> 
                  </div>
                   <div class="mb-3">
                    <label>Product Price</label>
                    <input type="text" class="form-control" name="product_price"> 
                  </div>
                   <div class="mb-3">
                    <label>Product Quantity</label>
                    <input type="text" class="form-control" name="product_quantity"> 
                  </div>
                   <div class="mb-3">
                    <label>Product Short Description</label>
                   <textarea class="form-control" rows="4" name="product_short_description"></textarea> 
                  </div>
                   <div class="mb-3">
                    <label>Product Long Description</label>
                     <textarea class="form-control" rows="4" name="product_long_description"></textarea> 
                  </div>
                   <div class="mb-3">
                    <label>Alert Quantity</label>
                    <input type="text" class="form-control" name="product_alert_quantity"> 
                  </div>
                   <div class="mb-3">
                    <label>Product Photo</label>
                    <input type="file" class="form-control" name="product_photo"> 
                  </div>
                 
                   <button type="submit" class="btn btn-primary">Add Product Now</button>
                 @if(session('product_insert_status'))
                 <br>
                 <br>
                   <div class="alert alert-success">
                    {{session('product_insert_status')}}
                </div>
                @endif
                </form>
            </div>
            </div>
        </div>
    </div>
        {{-- <div class="col-8">
            <div class="card mt-5">
            <div class="card-header bg-warning text-center">
              <div class="row">
                    <div class="col-6">
                         Deleted Category List
                    </div>
              </div>

           </div>
            <div class="card-body">
              {{-- @if (session('category_delete_status'))
                <div class="alert alert-danger">
                  {{ session('category_delete_status') }}
                </div> 
                @endif  --}}
{{--               
              <table class="table caption-top">
                 
                     <thead>
                          <tr>
                              <th scope="col">SL. No:</th>
                              <th scope="col">Category_name</th>
                              <th scope="col">Created_At</th>
                               <th scope="col">Action</th>
                          </tr>
                     </thead>
                     <tbody>
                      --}}
                        {{-- @forelse ($deleted_categories as $deleted_category)
                          <tr>
                            <td>{{ $loop->index+1}}</td>
                            <td>{{ $deleted_category->category_name }}</td>
                            <td>{{ $deleted_category->created_at->format('d/m/Y h:i:s A')}}</td>
                            <td>
                                <div class="btn-group" role="group" aria-label="Basic example">
                                     <a href="{{ url('deleted_category/restore') }}/{{ $deleted_category->id }}" type="button" class="btn btn-success">Restore</a>
                                     <a href="{{ url('category/force/delete') }}/{{ $deleted_category->id }}" type="button" class="btn btn-danger">Force Delete</a> 
                                </div> 
                            </td>
                          </tr>
                         @empty
                           <tr class="text-center">
                                <td colspan="50">No Data To Show</td>
                           </tr>
                          @endforelse --}}
                     {{-- </tbody>
                    </table>
            </div>
            </div>
          </div>
</div>  --}}
@endsection

@section('footer_script')
<script>
    $(document).ready(function(){
       $('#delete_all_btn').click(function(){
           Swal.fire({
                   title: "Are you sure...... you want this?",
                   icon: "question",
                   showCancelButton: true,
                   confirmButtonColor: "#3085d6",
                   cancelButtonColor: "#d33",
                   confirmButtonText: "Yes, delete it!"
                      }).then((result) => {
                            if (result.isConfirmed) {
                       window.location.href = "category/all/delete"
                    }
                  });
              });
              $('#check_all_btn').click(function(){
               $('.delete_checkbox').attr('checked','checked');
              });
              $('#Uncheck_all_btn').click(function(){
                $('.delete_checkbox').removeAttr('checked','checked');
              });
           });
</script>
@endsection