@extends('layouts.adminLayout.admin_design') @section('content')

<div class="content-wrapper">
    <section class="content-header">
        <h1>{{ $title }}
            <button type="button" class="clickbtncommon btn btn-primary btn-sm add " id="smsreports" data-toggle="modal" data-target="#modal-smsreports">
                <i class="fa fa-plus-circle"></i> 
                {{ __('lbl.report') }}
            </button>
            <button type="button" class="clickbtncommon btn btn-primary btn-sm add " id="sendnewsms" data-toggle="modal" data-target="#modal-default">
                <i class="fa fa-plus-circle"></i> 
                {{ __('lbl.sendnew') }}
            </button>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>

    <section class="content">
        <div class="box box-default">
            <div class="box-body">
                <table class="table table-bordered display nowrap" style="width:100%;" id="customerbulksmslist">
                    <thead>
                        <tr>
                            <th width="10%">{{ __('lbl.created_at') }}</th>
                            <th width="25%">{{ __('lbl.customers') }}</th>
                            <th>{{ __('lbl.sms') }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </section>
</div>

<div class="modal fade " id="modal-default">
    <div class="modal-dialog">   
        {{ Form::open(["url"=>route("sendbulksms"),"class"=>"form-horizontal", "method"=>"POST", "name" => "bulksms", "id" => "bulksms","enctype"=>"multipart/form-data"]) }}
        <div class="modal-content">
            <!-- <div class="modal-header box box-default" style="border-radius:0px;"> </div> -->
            <div class="modal-body">
                <div class="form-group">
                    <div class="col-sm-12 multipleItemSelection">
                        <label>{{ __('lbl.sendtoall')}}</label> &nbsp;
                        {{ Form::checkbox('sendtoall', '1', false, ['id'=>'sendtoall']) }}
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12" id="selectedStateCodeCheckboxArea" style="display: block;">
                        <label>{{ __('lbl.statewiseonly')}}</label> &nbsp;
                        {{ Form::checkbox('statewiseonly', '1', false, ['id'=>'statewiseonly','name'=>'statewiseonly']) }}
                    </div>
                </div>
                <div class="form-group" id="selectedStateCodeArea" style="display: none;">
                    <div class="col-sm-12">
                        <label>{{ __('lbl.statewiseonly')}}</label> 
                        {{ Form::select('statewisedata', $statewisedata, '', ['placeholder'=>'Select State Code','class' => 'form-control select2 input-sm statewisedata', 'name'=>'statewisedata', 'id'=>'statewisedata']) }}
                    </div>
                </div>
                <div class="form-group" id="selectedCustomerArea" style="display: block;">
                    <div class="col-sm-12 multipleItemSelection">
                        <label>{{ __('lbl.customers')}}</label> 
                        <select class="sendtoselected form-control" multiple="multiple" style="width:100%" name="sendtoselected"   id="sendtoselected"></select>
                        <!-- {{ Form::select('sendtoselected', $customers, '', ['class' => 'form-control select2 sendtoselected input-sm', "multiple"=>"multiple", 'id'=>'sendtoselected']) }} -->
                    </div>
                </div>
                <div class="form-group required">
                    <div class="col-sm-12"> <!--.' - 160 characters allowed only.'  mxlen_160-->
                        <label>{{ __('lbl.sms')}}</label> 
                        {{ Form::textarea('sms', '', ["required","class"=>"form-control ","placeholder"=>__('lbl.sms'),"id"=>"sms"]) }}
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12">  
                        <label>{{ __('lbl.media')}}</label> 
                        {{ Form::file('media', ["class"=>"form-control ","placeholder"=>"","id"=>"media"]) }}
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-md-6 pull-left">
                        <button type="submit" class="clickbtncommon btn btn-primary pull-left btn-sm "><i class="fa fa-telegram"></i> {{ __('lbl.send') }}</button>
                        <button type="button" class="clickbtncommon btn btn-primary pull-left btn-sm" data-dismiss="modal"><i class="fa fa-backward"></i> {{ __('lbl.close') }}</button>
                    </div>
                </div>
                <div id="errorLog" class="pull-left"></div>
            </div>
        </div>
        {{ Form::close() }}
    </div>
</div>

<div class="modal fade " id="modal-smsreports">
    <div class="modal-dialog">
        {{ Form::open(["url"=>route("smsreports"),"class"=>"form-horizontal", "method"=>"POST", "name" => "smsreports", "id" => "smsreports"]) }}
        <div class="modal-content">
            <div class="modal-header box box-default" style="border-radius:0px;"> 
                <label>{{ __('lbl.report')}}</label>
            </div>
            <div class="modal-body">
                <div class="col-md-6 col-md-offset-3">
                    {{ Form::text('datetimes', '', ['class' => 'form-control datetimes', 'id'=>'datetimes','style'=>'width:100%']) }}
                </div>
            </div>
            <br/>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-md-6 col-md-offset-4">
                        <button type="submit" class="clickbtncommon btn btn-primary pull-left btn-sm "><i class="fa fa-telegram"></i> {{ __('lbl.submit') }}</button>
                        <button type="button" class="clickbtncommon btn btn-primary pull-left btn-sm" data-dismiss="modal"><i class="fa fa-backward"></i> {{ __('lbl.close') }}</button>
                    </div>
                </div>
                <div id="errorLog" class="pull-left"></div>
            </div>
        </div> 
        {{ Form::close() }}
    </div>
</div>

<div class="modal fade " id="modal-showcustomerlist">
    <div class="modal-dialog">
         <div class="modal-content">
            <div class="modal-header box box-default" style="border-radius:0px;"> 
                <label>{{ __('lbl.customers')}}</label>
            </div>
            <div class="modal-body">
                <div class="col-md-12" id="printCustomers">
                </div>
            </div>
            <hr>
            <br/>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-md-6 pull-left">
                        <button type="button" class="clickbtncommon btn btn-primary pull-left btn-sm" data-dismiss="modal"><i class="fa fa-backward"></i> {{ __('lbl.close') }}</button>
                    </div>
                </div>
                <div id="errorLog" class="pull-left"></div>
            </div>
        </div> 

    </div>
</div>

{{Form::hidden('customerbulksms',route('customerbulksms'),['id'=>'customerbulksms'])}} 
{{Form::hidden('customerdropsms',route('customerdropsms'),['id'=>'customerdropsms'])}} 

<style>
    .alert-info,
    .bg-aqua,
    .callout.callout-info,
    .label-info,
    .modal-info .modal-body {
        background-color: #999 !important;
    }
</style>
@endsection 


@section('pagescript') 

{!! Helper::datatablelib('customers/list.js') !!} 
{!! Helper::datatablelib('bulksms/bulksms.js') !!} 

{!! Helper::pagejs([ 
    'js/lib/select2/dist/js/select2.full.min.js', 
    'js/lib/moment/min/moment.min.js', 
    'js/lib/bootstrap-daterangepicker/daterangepicker.js', 
    'js/lib/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js',
    'js/lib/plugins/timepicker/bootstrap-timepicker.min.js', 
    ]) !!} 
@stop