@extends('backend.layouts.app')

@section('content')

<div class="p-3">
    <div class="card">
        <div class="card-header fw-bold">
            Products
        </div>
        <div class="card-body">
            <table id="myTable" class="table table-striped" style="width:100%">
                <thead>
                  <tr>
                    <th>Product ID</th>
                    <th>Product Thumbnail</th>
                    <th>Product Model</th>
                    <th>Product Brand</th>
                    {{-- <th>Product Image</th> --}}
                   
                    <th>Action</th>
                  </tr>
                </thead>
                
                <tbody>
                    @foreach ($product as $products)
                        <tr>
                            <td>{{$products->prodId}}</td>
                            <td> <img src="{{ asset('uploads/product/' . $products->thumbnail_image)}}" height="100" alt=""> </td>
                            <td>{{$products->brandname}}</td>
                            <td>{{ $products->model}}</td>
                            
                            {{-- <td> <img src="{{ asset('uploads/product/' . $products->product_image)}}" height="50" alt=""> </td> --}}
                            {{-- <td>{{ $products->price}}</td> --}}

                            <td>
                                <div>
                                  <a href="{{ url('admin/products/' .$products->id) }}/edit">
                                    <button class="btn btn-success btn-block mb-1">Edit</button>
                                  </a>
                                    <button type="submit" data-id={{$products->id}} class="btn btn-block btn-danger mb-1 softdelete">Archive</button>
                                    <form action="{{ url('admin/products/' .$products->id ) }}" method="POST"> @csrf @method('delete')
                                        <button type="submit" class="btn btn-block btn-danger mb-1">Delete</button>
                                    </form>
                                  
                                  <a href="{{ url('admin/spec/' .$products->prodId) }}">
                                    <button class="btn btn-block btn-primary" >Add Specifications</button>
                                  </a>
                                </div>
                              </td>
                            
                            {{-- <td class="text-decoration-none"><span><a href="{{ url('admin/products/' .$products->id) }}/edit">Edit</a></span> | 
                                <span>
                                    <form action="{{ url('admin/products/' .$products->id ) }}" method="POST"> @csrf @method('delete')
                                        <button type="submit" class="btn btn-danger">Delete</button>
                                    
                                    <button type="submit" class="btn btn-primary"><a class="text-decoration-none text-white" href="{{url('admin/spec/' .$products->prodId)}}">Add Specifications</a></button>
                                </span>
                            </td> --}}
                        </tr>
                    @endforeach
                </tbody>
              </table>
        </div>
    </div>
</div>




<script>
   $(document).ready(function() {
    // Check if there's a success message in localStorage
    const successMessage = localStorage.getItem('successMessage');
    if (successMessage) {
        // Display the success message
        const successAlert = `
            <div class="alert alert-success alert-dismissible">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                <h5><i class="icon fas fa-check"></i> Success!</h5>
                ${successMessage}
            </div>`;
        $(".content-wrapper").prepend(successAlert);

        // Clear the success message from localStorager
        localStorage.removeItem('successMessage');
    }
  });

  $(document).ready(function (){
    $( ".softdelete" ).on( "click", function() {
      const orderId = $(this).data('id');
      $.ajax({
        method: "POST",
        url: "{{url('admin/productArchive')}}",
        data: { 
          _token : "{{ csrf_token() }}",
          id: orderId
        }
      })
      .done(function(msg) {
        localStorage.setItem('successMessage', msg.message);

        // Redirect to the admin/order page
        window.location.href = "{{ url('admin/products') }}";
      })
        });
      })

</script>


@endsection