@extends('includes.layouts.admin')
@section('page-title')
    Product List
@endsection

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Product List</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active">Product List</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card pdb-75">
                        <div class="card-header">
                            <form action="">
                                <div class="input-group w-25 float-right">
                                    <input type="text" name="name" value="{{ $filter['name'] }}" placeholder="Find by name" id="product_search_name" class="form-control form-control-sm" required >
    
                                    <div class="input-group-append">
                                        <button class="btn btn-sm btn_baseColor" type="submit">Search</button>
                                    </div>
                                    {{-- &nbsp; --}}
                                    <div class="input-group-append">
                                        <a href="{{ route('admin.product.index') }}" class="btn btn-sm btn_baseColor" id="clear-search" type="button">Clear &nbsp;</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- /.card-header -->

                        <div class="card-body">

                            <div class="container-fluid table-responsive">
                                <table class="table table-striped table-bordered table-sm text-center ">
                                    <thead>
                                        <tr>
                                            <th>Serial No</th>
                                            <th>Name</th>
                                            <th>Price</th>
                                            <th>Agent Commission</th>
                                            <th>Model Number</th>
                                            <th>Long Description</th>
                                            <th>Short Description</th>
                                            <th>Status</th>
                                            <th>Activate/Deactivate</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($productlist as $index => $product)
                                            <tr id="{{ $product->id }}">
                                                <td> {{ $index + 1 }}</td>
                                                <td> {{ Str::title($product->name) }}</td>
                                                <td> {{ "$" . $product->price }}</td>
                                                @if($product->agent_commission)
                                                    <td> {{ $product->agent_commission . "%" }}</td>
                                                @else
                                                    <td>--</td>
                                                @endif
                                                <td> {{ $product->model_no }}</td>
                                                <td> {{ $product->long_description }}</td>
                                                <td> {{ $product->short_description }}</td>
                                                <td>
                                                    @if ($product->status == 1)
                                                        <span class="badge bg-success"> Active </span>
                                                    @else
                                                        <span class="badge bg-danger"> Inactive </span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <div class="form-group">
                                                        <div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success">
                                                            <input type="checkbox" data-id="{{ $product->id }}" class="custom-control-input product-toggle-status"
                                                                {{ $product->status ? 'checked' : ''}} id="customSwitch product-{{ $product->id }}"
                                                                data-product="Product " data-route="{{ route('admin.product.updateStatus', $product->id) }}"
                                                            >

                                                            <label for="customSwitch product-{{ $product->id }}" class="custom-control-label"></label>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group">
                                                        <a href="{{ route('admin.product.edit', $product->id) }}"
                                                            class="" style="color: #1c55ad; padding-right: 6px;">
                                                            <i class="fas fa-edit"></i>
                                                        </a>

                                                        <a href="javascript:{}" class="delete-product"
                                                            data-id={{ $product->id }} data-user="Product "
                                                            data-route="{{ route('admin.product.destroy', $product->id) }}"
                                                            style="color: #f30031">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="8">No Record Found.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @if ($productlist->hasPages())
                        <!-- Card Footer -->
                            <div class="card-footer">
                                <nav aria-label="Contacts Page Navigation">
                                    {{ $productlist->links('pagination::bootstrap-5') }}
                                </nav>
                            </div>
                        @endif                     
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
        </div><!-- /.container-fluid -->
        @if (Session::has('success'))
            <div class="toast" data-type="success" data-title=" Added Successfully "> {{ Session::get('success') }}</div>
        @endif
    </section>
@endsection

@section('scripts')
    {{-- @include('backend.admin.commonScript.script') --}}
    @include('admin.commonScript.script')
@endsection