@extends('admin.layout.admin')
@section("title"," Dashboard | Wishours")
<!-- Main content -->
@section("content")
<section class="content-header">
      <h1>
        Products
        <small>Manage Products</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Product</a></li>
        <li class="active">Add Product Attributes</li>
      </ol>
    </section>
<section class="content container-fluid">
 <br/>
  <div class="row">
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">Add Product Attributes</h3>
        </div>
        <!-- /.box-header -->
        <!-- form start -->
        @if ($errors->any())
        <div class="alert alert-danger" id="dangerMessage">
          <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
        @endif
        @if (session()->has('message'))
        <div class="alert alert-success" id="successMessage">
          {{ session('message') }}
        </div>
        @endif
        <div class="box-body">
          <p>Product Title : {{ $product->title }}</p>
          <p>Product Code : {{ $product->product_code }}</p>
           <h3>Product Gallery</h3>  
          <form  action="{{route('admin.product.addProductSlider', $product->id)}}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                 {{ csrf_field() }}
                <div class="form-group">
                  <input multiple="multiple" name="photos[]" type="file" class="form-control" required>
                 <span>Select Multiple Image for product gallery</span>
                </div>
                 
                  <div class="form-group">
                  <input type="submit" name="" class="btn btn-success" value="Save Gallery">
                </div>

              </form>
            
        </div>
        <div class="row">
          <div class="col-sm-12">
             <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <th>#</th>
                      <th>Product Image</th>
                      <th>Actions</th>
                    </tr>
                  </thead>
                  <tbody>
                    @php
                    $counter = 1;
                    @endphp
                       @foreach($product->productsliders as $productslider)
                       <tr>
                       <td></td>
                       <td><img src="{{ asset('/uploads') }}/{{ $productslider->filename }}" class="img-responsive" style="width: 100px;"></td>
                       <td>
<form method="POST" action="{{ route('admin.product.deleteProductImage', [$productslider->id]) }}">
    {{ csrf_field() }}
    {{ method_field('DELETE') }}
    <button type="submit" class="btn btn-danger">Delete</button>
</form>
                        
                       </td>
                       </tr>
                       @endforeach
                  </tbody>
                </table>
                <a href="{{ route('admin.product.index')}}"> << Back </a>

          </div>
        </div>
        
        
    
    </div>
    <!-- /.box -->
  </div>
</div>
</section>
@endsection