@extends('layouts.sellerlayouts.app')
@section('title')
<title>Products | Company Name</title>
@endsection
@push('css')
@endpush
@section('contents')

        <div class="row">
        <div class="col-lg-12">

            @include('alerts.alerts')
        <div class="ibox ">
        <div class="ibox-title">
            <h5>Products All</h5>
            <div class="ibox-tools">
            <a class="btn btn-sm btn-primary" href="{{route('seller.productAdd',$seller)}}">Add Product</a>
            </div>
        </div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <div class="col-sm-4 m-b-xs">
                                <form class="action-form" action="{{ route('seller.actionChange',['seller'=>$seller,'type'=>'product']) }}">
                            <div class="input-group mb-3">
                                    
                            <select class="form-control" name="action">
                                <option value="">Select Option</option>
                                <option value="stockin">Stock In</option>
                                <option value="outofstock">Out Of Stock</option>
                                <option value="active">Status Active</option>
                                <option value="inactive">Status Inactive</option>
                                <option value="delete">Delete</option>
                            </select>
                            <div class="input-group-append">
                                    <button class="btn btn-sm btn-primary filter-btn" type="submit">Action</button>
                                </div>
                            </div>
                                </form>
                            <label>
                            <input class="checkbox" type="checkbox" name="checkall" id="checkall" style="display: inline-block;"> All Select
                            <span class="succ badge badge-success" style="display:none;">Success</span>
                            </label>
                        </div>
                        <div class="col-sm-4">
                            <form action="{{ route('seller.productList',$seller) }}">
                            <div class="input-group mb-3">
                                <select name="status" class="form-control" >
                                  <option  value="">Select Option</option>
                                  <option @if(isset($status)) {{ $status == 'active' ? 'selected' : '' }} @endif value="active">Active Product</option>
                                  <option @if(isset($status)) {{ $status == 'inactvice' ? 'selected' : '' }} @endif value="inactive">Inactive Product</option>
                                  <option @if(isset($status)) {{ $status == 'stockout' ? 'selected' : '' }} @endif value="stockout">Stock Out Product</option>
                                  <option @if(isset($status)) {{ $status == 'stocked' ? 'selected' : '' }} @endif value="stocked">Stocked Product</option>
                              </select> 
                            <div class="input-group-append">
                                    <button class="btn btn-sm btn-primary" type="submit">Filter</button>
                            </div>
                            </div>
                            </form>
                        </div>
                        <div class="col-sm-4">
                            <div class="input-group mb-3">
                                <input data-url="{{ route('seller.searchAjax', ['seller'=>$seller,'type'=>'product', 'status'=> isset($status) ? $status : null]) }}" type="text" class="form-control form-control-sm ajax-data-search" placeholder="Search by Product Id, title">
                                <div class="input-group-append">
                                    <button class="btn btn-sm btn-primary" type="button">Search</button>
                                </div>
                            </div>
                        </div>
                    </div>

                     <div class="table-responsive ajax-data-container">
                   @include('seller.products.includes.productsAll')

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

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

        </div>


@endsection
@push('js')
<script type="text/javascript">
  $(document).ready(function(){
    $('#checkall').click(function() {
        var checked = $(this).prop('checked');
        $('input:checkbox').prop('checked', checked);
      });
  });
</script>
@endpush