@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>SMS Plan</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">SMS Plan</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 SMS Plan</h3>
                        <!-- <a class="float-right" style="margin-top: -25px; color: #007bff; font-size: 22px;" data-toggle="popover" title="List of Deactive SMS Plans" data-content="This page provides list of all deactive sms plans. 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 sms plan 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="/smsPlans" class="btn btn-gray">Active List</a>
                                    <a href="/smsPlans/dlist" class="btn btn-gray active">Deactive List</a>
                                    <a href="/smsPlans/create" class="btn btn-gray">Add SMS Plan</a>
                                </div>
                            </div>
                        </div>
                        @if(count($smsPlans)>0)
                        <div class="table-entry table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Count</th>
                                        <th>Amount</th>
                                        <th colspan="2" class="text-center" width="5%">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($smsPlans as $smsPlan)
                                    <tr>
                                        <td>{{$smsPlan->name}}</td>
                                        <td>{{$smsPlan->count}}</td>
                                        <td>₹ {{$smsPlan->amount}}/-</td>
                                        <td><a href="/smsPlans/{{$smsPlan->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 class="row">
                            <div class='col-md-8'>{{$smsPlans->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="/smsPlans/0/{{$smsPlans->currentPage()}}/excel">Current Page</a>
                                          <a class="dropdown-item" href="/smsPlans/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="/smsPlans/0/{{$smsPlans->currentPage()}}/pdf">Current Page</a>
                                          <a class="dropdown-item" href="/smsPlans/0/0/pdf">All Pages</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @else
                            <h5>No Deactive SMS Plan Records Found.</h5>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection