@extends('layouts.master')
@section('title', 'PetroERP- An ERP for Petrol Pumps')
@section('content')
<style>
        /* The container */
        .container1 {
          display: block;
          position: relative;
          padding-left: 35px;
          margin-bottom: 12px;
          cursor: pointer;
          font-size: 22px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }
        
        /* Hide the browser's default checkbox */
        .container1 input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          height: 0;
          width: 0;
        }
        
        /* Create a custom checkbox */
        .checkmark1 {
          position: absolute;
          top: 0;
          left: 0;
          height: 25px;
          width: 25px;
          background-color: #000dff;
        }
        
        /* On mouse-over, add a grey background color */
        .container1:hover input ~ .checkmark1 {
          background-color: #ccc;
        }
        
        /* When the checkbox is checked, add a blue background */
        .container1 input:checked ~ .checkmark1 {
          background-color: #2196F3;
        }
        
        /* Create the checkmark/indicator (hidden when not checked) */
        .checkmark1:after {
          content: "";
          position: absolute;
          display: none;
        }
        
        /* Show the checkmark when checked */
        .container1 input:checked ~ .checkmark1:after {
          display: block;
        }
        
        /* Style the checkmark/indicator */
        .container1 .checkmark1:after {
          left: 9px;
          top: 5px;
          width: 5px;
          height: 10px;
          border: solid white;
          border-width: 0 3px 3px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
        }
        </style>
    <section class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <h5>SMS Template</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 Template</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="card">
                    <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="/smstemplates" class="btn btn-gray">Active List</a>
                                        <a href="/smstemplates/dlist" class="btn btn-gray active">Deactive List</a>
                                        <a href="/smstemplates/create" class="btn btn-gray">Add SMS Template</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', '1')}}
                                        <span class="input-group-btn">
                                            {{Form::submit('Search . . .', ['class'=>'btn btn-primary col-md-offset-2'])}}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        {!! Form::close() !!}
                            @if(count($templates)>0)
                                {!! Form::open(['action' => 'SMSTemplatesController@activate', 'method' => 'GET', 'class' => 'form-horizontal','data-parsley-validate']) !!}
                                    <div class="table-entry table-responsive tableFixHead">
                                        <table class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th width="10%">Sr. No.</th>
                                                    <th width="10%">Action</th>
                                                    <th width="75%">Description</th>
                                                    <th width="5%">Action<input type="hidden" value="{{$i=1}}" name=""></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($templates as $template)
                                                    <tr> 
                                                        <td>{{$i++}}</td>
                                                        <td>{{$template->action}}</td>
                                                        <td>{{$template->description}}</td>
                                                        <td>
                                                            <label class="container1"><input type="checkbox" name="tick[]" value='{{$template->id}}' ><span class="checkmark1"></span></label>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="row form-group space-top">
                                        <div class="col-md-4 col-md-offset-2">
                                            <div class="btn-toolbar">
                                                {{Form::submit('Activate', ['class'=>'btn btn-success'])}}
                                                {{Form::reset('Reset', ['class'=>'btn btn-danger'])}}
                                            </div>
                                        </div>
                                    </div>
                                {!! Form::close() !!}
                            @else
                                <h5>No SMS Template Records Found.</h5>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection