@extends('layouts.master')
@section('title', 'PetroERP- An ERP for Product')
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <h5>Product</h5>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="#">Company Settings</a>
                        </li>
                        <li class="breadcrumb-item active">Product</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Active Products</h3>
                        <!-- <a class="float-right" style="margin-top: -25px; color: #007bff; font-size: 22px;" data-toggle="popover" title="List of Deactive Products" data-content="This page provides list of all deactive products. We can download this list in MS-Excel and PDF formats (current and all pages) using download buttons on the bottom of the list. We can also show the individual product details with the help of view button under the action column."><i class="fa fa-question-circle"></i></a> -->
                    </div>
                    <div class="card-body">
                        {!! Form::open(['action' => 'ProductsController@search', 'method' => 'GET', 'class' => 'form-horizontal']) !!}
                            <div class="row">
                                {!! Form::open(['action' => 'ProductsController@search', 'method' => 'GET', 'class' => 'form-horizontal']) !!}
                                <div class="col-md-6">
                                    <div class="btn-toolbar">
                                        <a href="/products" class="btn btn-gray">Active List</a>
                                        <a href="/products/dlist" class="btn btn-gray active">Deactive List</a>
                                        <a href="/products/create" class="btn btn-gray">Add Product</a>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input-group" style="flex-wrap: initial;">
                                        {{Form::select('companyId', $companies, 1, ['placeholder' => 'Pick a company Name...', 'id'=>'companyId'])}}
                                        <span class="input-group-btn">
                                            {{Form::submit('Search . . .', ['class'=>'btn btn-primary col-md-offset-2'])}}
                                            {{Form::hidden('active', '0', ['class'=>'form-control'])}}
                                        </span>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        {!! Form::close() !!}
                        @if(count($products)>0)
                        <div class="table-entry table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Serial No</th>
                                        <th>Product Name</th>
                                        <th>Product Group</th>
                                        <th>Petroleum Company</th>
                                        <th colspan="2" class="text-center" width="5%">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($products as $product)
                                    <tr>
                                        <td>{{$product->serialNo}}</td>
                                        <td>{{$product->name}}</td>
                                        <td>{{$product->groupName}}</td>
                                        <td>{{$product->companyName}}</td>
                                        <td><a href="/products/{{$product->id}}" class="btn btn-success btn-sm" data-toggle="tooltip" title="View">
                                            <i class="fa fa-eye"></i></a>
                                        </td>
                                        <td><a href="/products/{{$product->id}}/edit" class="btn btn-primary btn-sm" data-toggle="tooltip" title="Edit">
                                            <i class="fa fa-pencil"></i></a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="row">
                            <div class='col-md-8'>{{$products->links()}}</div>
                            <div class="col-md-4">
                                <div class="btn-toolbar float-right">
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-primary"><i class="fa fa-file-excel-o" aria-hidden="true"></i>&nbsp;&nbsp;Excel</button>
                                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                                          <span class="caret"></span>
                                          <span class="sr-only">Toggle Dropdown</span>
                                        </button>
                                        <div class="dropdown-menu" role="menu">
                                          <a class="dropdown-item" href="/products/0/{{$products->currentPage()}}/excel">Current Page</a>
                                          <a class="dropdown-item" href="/products/0/0/excel">All Pages</a>
                                        </div>
                                    </div>
                                    <div class="btn-group" style="margin-left: 5px;">
                                        <button type="button" class="btn btn-primary"><i class="fa fa-file-pdf-o" aria-hidden="true"></i>&nbsp;&nbsp;PDF</button>
                                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                                          <span class="caret"></span>
                                          <span class="sr-only">Toggle Dropdown</span>
                                        </button>
                                        <div class="dropdown-menu" role="menu">
                                          <a class="dropdown-item" href="/products/0/{{$products->currentPage()}}/pdf">Current Page</a>
                                          <a class="dropdown-item" href="/products/0/0/pdf">All Pages</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @else
                            <h5>No Active Product Records Found.</h5>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection