@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 Setting</h5>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="#">Pump Settings</a>
                        </li>
                        <li class="breadcrumb-item active">SMS Setting</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">New Pumps</h3>
                        <!-- <a class="float-right" style="margin-top: -25px; color: #007bff; font-size: 22px;" data-toggle="popover" title="List of New Pumps" data-content="This page provides list of all active new pumps. 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 add the individual sms setting details with the help of sms setting button under the action column."><i class="fa fa-question-circle"></i></a> -->
                    </div>
                    <div class="card-body">
                        {!! Form::open(['action' => 'SmsSettingsController@search', 'method' => 'GET', 'class' => 'form-horizontal']) !!}
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="btn-toolbar">
                                        <a href="/smssettings/newList" class="btn btn-gray active">New Pumps</a>
                                        <a href="/smssettings" class="btn btn-gray">Old Pumps</a>
                                     </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input-group">
                                        {{Form::text('key', Input::old('key'), ['class'=>'form-control', 'placeholder'=>'Type to search . . .'])}}
                                        {{Form::hidden('active', '')}}
                                        <span class="input-group-btn">
                                            {{Form::submit('Search . . .', ['class'=>'btn btn-primary col-md-offset-2'])}}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        {!! Form::close() !!}

                        @if(count($pumps)>0)
                        <div class="table-entry table-responsive">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th width="50%">Pump Name</th>
                                    {{-- <th width="15%">User Name</th> --}}
                                    <th width="50%">SMS Balance</th>
                                    {{-- <th width="50%">SMS Dashboard</th> --}}
                                    <th colspan="2" class="text-center">Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @foreach($pumps as $pump)
                                    <tr>
                                        <td>{{$pump->name}}</td>
                                        {{-- <td>{{$pump->smsUserName}}</td> --}}
                                        <td>{{$pump->smsBalance}}</td>
                                        {{-- <td><a href="{{$pump->smsDashboad}}">{{$pump->smsDashboad}}</a></td> --}}
                                        <td><a href="/smssettings/{{$pump->id}}/edit" class="btn btn-primary btn-sm" data-toggle="tooltip" title="SMS Setting">
                                            <i class="fa fa-cog"></i></a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="row">
                            <div class='col-md-8'>{{$pumps->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="/smssettings/1/{{$pumps->currentPage()}}/excel">Current Page</a>
                                          <a class="dropdown-item" href="/smssettings/1/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="/smssettings/1/{{$pumps->currentPage()}}/pdf">Current Page</a>
                                          <a class="dropdown-item" href="/smssettings/1/0/pdf">All Pages</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @else
                            <h5>No SMS Records Found.</h5>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection