@extends('backend.layouts.app')
@section('title', $data['p_heading'])
@section('content')
    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <div class="float-left pt-2"><strong>{{ $data['p_heading'] }}</strong></div>
                    <div class="float-right"><button class="btn btn-info" onclick="location.href='{{ route('admin.product.create') }}';"><i class="fa fa-plus"></i> Create Product</button></div>
                </div><!--card-header-->
                <div class="card-body">
                    <div>
                        <div class="float-left"><p>{{ $data['p_description'] }}</p></div>
                        <div class="float-right"><a href="javascript:;" onclick="$('#div_search').toggle()" class="btn btn-danger btn-sm">Filter</a></div>
                        <div class="clearfix"></div>
                    </div>
                    <div id="div_search" @if(Request::input('search') == '') style="display: none;" @endif class="pt-2 pb-2">
                        {!! Form::open(array('route' => 'admin.product.index', 'method' => 'GET')) !!}
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('category_id', 'Select Category:') !!}
                                    {!! Form::select('category_id', $data['categories'], Request::input('category_id'), ['class'=>'form-control']) !!}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('name', 'Name:') !!}
                                    {!! Form::text('name', Request::input('name'),['class'=>'form-control', 'placeholder'=>'Enter product name ...', 'onblur' => 'ajax_request();']) !!}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('sku', 'SKU:') !!}
                                    {!! Form::text('sku', Request::input('sku'),['class'=>'form-control', 'placeholder'=>'Enter SKU ...']) !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('type', 'Select Type:') !!}
                                    {!! Form::select('type', ['' => 'Please Select ...', 'simple' => 'Simple Products', 'variation' => 'Product with Variations', 'child' => 'Child Products'], Request::input('type'), ['class'=>'form-control']) !!}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('visibility', 'Visibility:') !!}
                                    {!! Form::select('visibility', ['' => 'Please Select ...'] + \App\Models\Product::$visibility, Request::input('visibility'), ['class'=>'form-control']) !!}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('status', 'Select Status:') !!}
                                    {!! Form::select('status', ['' => 'Please Select ...', 'Y' => 'Active', 'N' => 'Inactive'], Request::input('status'), ['class'=>'form-control']) !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group float-right">
                                    <a href="javascript:;" onclick="$('#div_search').toggle();" class="btn btn-link">Cancel</a> <button type="submit" class="btn btn-info">Apply Filters</button>
                                </div>
                            </div>
                        </div>

                        {{ Form::hidden('search', 'true') }}
                        {!! Form::close() !!}
                    </div>
                    @if(sizeof($data['products']) > 0)
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <tbody>
                                    <tr>
                                        <th width="2%">ID</th>
                                        <th width="8%">Image</th>
                                        <th width="15%">Name</th>
                                        <th width="15%">Category</th>
                                        <th width="10%">SKU</th>
                                        <th width="10%">Type</th>
                                        <th width="14%">Visibility</th>
                                        <th width="8%">Price</th>
                                        <th width="8%">Status</th>
                                        <th width="10%">Actions</th>
                                    </tr>
                                    @foreach($data['products'] as $product)
                                        @php
                                            $image = $product->image;
                                            $path = '/up_data/products/images/thumbnails/'.$image;
                                            if(trim($image) == null && !file_exists($path))
                                                $path = '/up_data/na.jpg';
                                        @endphp
                                        <tr>
                                            <td class="text-center">
                                                {{ $product->id }}
                                                <hr />
                                                <a href="javascript:;" onclick="show_qr_code({{ $product->id }});"><i class="fas fa-qrcode"></i></a>
                                            </td>
                                            <td><img src="{{ $path }}" class="img-thumbnail" /></td>
                                            <td id="td_{{ $product->id }}">{{ $product->name }}</td>
                                            <td>
                                                @foreach($product->categories as $category)
                                                    &bull; {{ $category->name }} <br>
                                                @endforeach
                                            </td>
                                            <td>{{ $product->sku }}</td>
                                            <td>
                                                @if($product->type == 'simple')
                                                    Simple
                                                @elseif($product->type == 'child')
                                                    Sub Product
                                                @else
                                                    Configurable <br>
                                                    <small><em><a href="{{ route('admin.product.edit.variations', $product->id) }}">{{ \App\Models\Product::getSubItemsCount($product->id) }} Sub Items</a></em></small>
                                                @endif
                                            </td>
                                            <td>
                                                @if($product->type == 'child')
                                                    Not Visible Individually
                                                @else
                                                    {{ \App\Models\Product::$visibility[$product->visibility] }}
                                                @endif
                                            </td>
                                            <td>
                                                @if($product->type == 'simple' || $product->type == 'child')
                                                    $ {{ number_format($product->price_catalog, 2) }}
                                                @else
                                                    Multiple <br> <small><em>{{ \App\Models\Product::getSubItemsPriceRange($product->id) }}</em></small>
                                                @endif

                                            </td>
                                            <td>@if($product->status == 'Y') Active @else In-active @endif</td>
                                            <td nowrap="nowrap">

                                                @if($product->type == 'child')
                                                    <a class="btn btn-primary btn-sm" href="javascript:;" onclick="show_variation_ref({{ $product->id }});"><i class="fa fa-external-link-alt"></i></a>
                                                @else

                                                <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                                                    <a class="btn btn-primary btn-sm" href="{{ route('admin.product.edit', $product->id) }}"><i class="fa fa-pencil-alt"></i></a>

                                                    <div class="btn-group" role="group">
                                                        <button id="btnGroupDrop1" type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
                                                        <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                                            <a href="{{ route('admin.product.edit', $product->id) }}" class="dropdown-item">Basic Info</a>
                                                            <a href="{{ route('admin.product.edit.details', $product->id) }}" class="dropdown-item">Update Details</a>
                                                            <a href="{{ route('admin.product.edit.files', $product->id) }}" class="dropdown-item">Manage Images / Files</a>
                                                            @if($product->type == 'variation')
                                                                <a href="{{ route('admin.product.edit.variations', $product->id) }}" class="dropdown-item">Manage Variations</a>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>

                                                <form method="POST" style="display: inline-block" action="{{ route('admin.product.destroy', $product->id) }}" onsubmit="return window.confirm('Are you sure, you want to delete this product?');">
                                                    @method('DELETE')
                                                    @csrf
                                                    <button type="submit" class="btn btn-danger btn-sm"><i class="fa fa-trash "></i></button>
                                                </form>

                                                @endif

                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="clearfix">
                            <div class="pagination pagination-sm no-margin pull-right">
                                {!! $data['products']->appends( request()->except('page') )->links() !!}
                            </div>
                        </div>
                    @else
                        <strong>Sorry!</strong>, no products found.
                    @endif
                </div><!--card-body-->
            </div><!--card-->
        </div><!--col-->
    </div><!--row-->

    <!-- Modal -->
    <div class="modal fade" id="variation_ref_modal" tabindex="-1" role="dialog" aria-labelledby="variation_ref_modalTitle" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"><span id="v_sub_name"></span> Exists in Following Variations</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body text-center" id="variation_ref">

                </div>
            </div>
        </div>
    </div>
@stop