@extends('layouts.master')
@section('title', 'PetroERP- An ERP for Petrol Pumps')
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <h5>Bill Cycle</h5>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="#">Basic Settings</a>
                        </li>
                        <li class="breadcrumb-item active">Bill Cycle</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">Deactive Bill Cycle</h3>
                        <!-- <a class="float-right" style="margin-top: -25px; color: #007bff; font-size: 22px;" data-toggle="popover" title="List of Deactive Bill Cycles" data-content="This page provides list of all deactive bill cycles. 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 bill cycle details with the help of view button under the action column."><i class="fa fa-question-circle"></i></a> -->
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="btn-toolbar">
                                    <a href="/billcycles" class="btn btn-gray">Active List</a>
                                    <a href="/billcycles/dlist" class="btn btn-gray active">Deactive List</a>
                                    <a href="/billcycles/create" class="btn btn-gray">Add Bill Cycle</a>
                                </div>
                            </div>
                        </div>
                        @if(count($billcycles)>0)
                            <div id="div_print" style="height: auto;">
                                <div class="table-entry table-responsive tableFixHead">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>Name</th>
                                                <th>Max. Limit Days</th>
                                                <th colspan="2" class="text-center" width="5%">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($billcycles as $billcycle)
                                            <tr>
                                                <td>{{$billcycle->name}}</td>
                                                <td>{{$billcycle->limitDays}}</td>
                                                <td><a href="/billcycles/{{$billcycle->id}}" class="btn btn-success btn-sm" data-toggle="tooltip" title="View">
                                                    <i class="fa fa-eye"></i></a>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="row">
                                <div class='col-md-8'>{{$billcycles->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="/billcycles/0/{{$billcycles->currentPage()}}/excel">Current Page</a>
                                                <a class="dropdown-item" href="/billcycles/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="/billcycles/0/{{$billcycles->currentPage()}}/pdf">Current Page</a>
                                                <a class="dropdown-item" href="/billcycles/0/0/pdf">All Pages</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @else
                            <h5>No Active Bill Cycle Records Found.</h5>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection