@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: #e25252;
        }
        
        /* 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 Templates</h5>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="#">Setup</a>
                        </li>
                        <li class="breadcrumb-item active">SMS Templates</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="card">
                    <div class="card-body">
                        @if(isset($pumpsmses))
                            {!! Form::open(['action' => 'PumpSMSController@store', 'method' => 'POST', 'class' => 'form-horizontal','data-parsley-validate']) !!}
                                <div class="table-entry table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th width="5%">Sr. No.</th>
                                                <th width="25%">Action</th>
                                                <th width="60%">Description</th>
                                                <th width="10%">Action<input type="hidden" value="{{$i=1}}" name=""></th>
                                            </tr>
                                        </thead>
                                        <tbody>                                   
                                            @foreach($pumpsmses as $pumpsms)
                                                <tr>
                                                    <td>{{$i++}}<input type="hidden" value="{{$pumpsms->id}}" name="id[]"></td>
                                                    <td>{{$pumpsms->action}}</td>
                                                    <td>{{$pumpsms->description}}</td>
                                                    <td>
                                                        <label class="container1"><input type="checkbox" name="tick[]" value='{{$pumpsms->id}}' {{($pumpsms->smsActive == 1)? 'checked':''}}><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('Submit', ['class'=>'btn btn-success'])}}
                                            {{Form::reset('Reset', ['class'=>'btn btn-danger'])}}
                                        </div>
                                    </div>
                                </div>
                            {!! Form::close() !!}
                        @else
                            <h5>No Pump SMS Records Found.</h5>
                        @endif                       
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection