@extends('layouts.default')
@section('content')
{!!Html::style('bulk_sms/css/bulksms.css')!!}

        
<div class="right_col" role="main">
    <div class="">
      <div class="page-title">
          <div class="title_left">
             <h3 class="box-title">Sending SMS <span class="pull-right"><strong>{{ App\Userdefined::sms_availabe() }}</strong></span></h3>
          </div>
      </div>
      <div class="clearfix"></div>
      <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            {{ Userdefined::showMessage() }}
            <div class="x_panel">
                 
                  <div class="box-body" style="margin-left: 12px;">                 
                    <a class="btn btn-app bg-red" href="{!!url('sendsms')!!}" title="Quick Send SMS">
                      <i class="fa fa-envelope"></i> Quick SMS
                    </a>
                    <a class="btn btn-app bg-yellow" href="{!!url('unicodesms')!!}" title="Send MultiLingual SMS">
                      <i class="fa fa-envelope"></i> Unicode SMS
                    </a>
                    <a class="btn btn-app bg-green" href="{!!url('sendsmstogroup')!!}" title="Send SMS to Group">
                      <i class="fa fa-envelope"></i> SMS to Group
                    </a>
                    <a class="btn btn-app bg-purple" href="{!!url('customsms')!!}" title="Send Coustomised/Personalised Merge SMS">
                      <i class="fa fa-envelope"></i> SMS Merge
                    </a>
                    <a class="btn btn-app bg-red" href="{!!url('schedulesms')!!}" title="Manage Scheduled SMS">                    
                      <i class="fa fa-clock-o"></i> Scheduled
                    </a>
                    <a class="btn btn-app bg-yellow" href="{!!url('listsendersids')!!}" title="Manage SenderID's">
                      <i class="fa fa-th-list"></i> SenderID's
                    </a>  
                    <a class="btn btn-app bg-navy" href="{!!url('groupsms')!!}" title="Manage Groups">
                      <i class="fa fa-group"></i> Groups
                    </a>
                    <a class="btn btn-app bg-olive" href="{!!url('sms_contacts')!!}" title="Manage Contacts">
                      <i class="fa fa-credit-card"></i> Contacts
                    </a>
                    <a class="btn btn-app bg-maroon" href="{!!url('sent_sms_report')!!}" title="SMS Sent Report">  
                      <i class="fa fa-pie-chart"></i> SMS Sent
                    </a>
                    <a class="btn btn-app bg-maroon" href="{!!url('smstemplate')!!}" title="Create SMS Template ">   
                      <i class="fa fa-edit"></i> Create SMS Template
                     </a>                                                     
                  </div><!-- /.box-body -->
            
              </div>
            </div>
          </div>
     
       <div class="title_left">
            <h3 class="box-title">Contacts</h3>
         </div>
   
      <div class="clearfix"></div>
      <div class="row " >
         <div class="col-md-3">              
              <div class="x_panel">
                <div class="box-header with-border">
                  <h3 class="box-title">Groups</h3>
                </div>
                <div class="box-body no-padding">
                  <ul class="nav nav-pills nav-stacked">
                                        <div>
                     <table class="table table-hover table-striped" cellspacing="0" align="Center" rules="all" border="1"  style="border-style:None;width:95%;border-collapse:collapse;">
                        <tbody>

                          @foreach($groups as $grps)
                          <tr>
                           <td>{{$grps->group_name}}</td>
                          </tr>
                          @endforeach
                     </tbody></table>
                  </div>
                                      <br>                                        
                  </ul>
                </div><!-- /.box-body -->
              </div><!-- /. box -->
            </div>
        <div class="col-md-9">
              <div class="x_panel">
                <div class="box-header with-border">
                  <h3 class="box-title">Contacts</h3>
                  <div class="box-tools pull-right">
                    <div class="has-feedback">
                        <i class="fa fa-search"></i> <input name="ctl00$ContentPlaceHolder1$txtSearch" type="text"  placeholder="Search Mobile No">&nbsp;<input type="submit" name="ctl00$ContentPlaceHolder1$btnSearch" value="Search" id="ctl00_ContentPlaceHolder1_btnSearch" class="btn btn-sm btn-primary">
                    </div>
                  </div><!-- /.box-tools -->
                </div><!-- /.box-header -->
                             
                <div class="box-body no-padding">
                  <div class="mailbox-contr5645z2  ols">                    
                    <div class="btn-group">&nbsp; &nbsp;
                        <i class="fa fa-envelope"></i> <a id="ctl00_ContentPlaceHolder1_lnkSendSMS" href="sendsms">Send SMS</a>&nbsp;&nbsp;
                        <i class="fa fa-users"></i> <a href="groupsms" class="btn-link" id="btnAddGroup">Add Group</a>&nbsp;&nbsp;
                        <i class="fa fa-user"></i> <a href="#myModal" data-toggle="modal" >Add Contact</a>&nbsp;&nbsp; 

                        <i class="fa fa-arrow-down"></i> <a onclick="return changesrc('frmPopup','importcontacts.aspx','Import Contacts');" id="ctl00_ContentPlaceHolder1_lnkImport" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$lnkImport','')">Import</a>&nbsp;&nbsp;
                        <i class="fa fa-arrow-up"></i> <a id="ctl00_ContentPlaceHolder1_lnkExport" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$lnkExport','')">Export</a>&nbsp;&nbsp;                                                        
                    </div><!-- /.btn-group -->                    
                    <div>                      
                      <div class="btn-group">
                      </div><!-- /.btn-group -->
                    </div><!-- /.pull-right -->
                  </div>                  
                  <div>
                        &nbsp; &nbsp; &nbsp;<span id="ctl00_ContentPlaceHolder1_lblContactsMsg"></span>
                  </div>
                  <div class="table-responsive mailbox-messages">                        
                        <div>

                     </div>
                        <input type="hidden" name="ctl00$ContentPlaceHolder1$hdnFldSelectedValues" id="ctl00_ContentPlaceHolder1_hdnFldSelectedValues">
              </div><!-- /.mail-box-messages -->
                  <div>
                        <p>&nbsp;</p>
                  </div>
                </div><!-- /.box-body -->                
              </div><!-- /. box -->
            </div>
      </div>
   </div>
</div>
<!-- modal form -->
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel"><strong>Add New Contact</strong></h3>
      </div>
      <div class="x_panel" style="width: 85%; margin-left: 42px;">
        <form class="form-horizontal col-sm-12" action="{{ url('addcontact') }}" method="post">
          <input type="hidden" name="csrf-token" id="group_id" content="{{ csrf_token() }}">
          <div class="form-group"><label>Select Group</label>
           <select name="group_name" id="group_id" class="form-control" required="">
              <option value="select group">Select group</option>
              @foreach($groups as $grps)
              <option value="{{$grps->group_id}}" required>{{$grps->group_name}}</option>
              @endforeach
           </select></div>
          <div class="form-group">
            <label>Contact Name</label>
            <input  class="form-control" name="contactname" placeholder="Contact Name" data-placement="top" data-trigger="manual" required></div>
      
          <div class="form-group">
            <label>Mobile Number</label>
            <input class="form-control phone" placeholder="Mobile Number" name="mobile_no" data-placement="top" data-trigger="manual"  pattern="^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$" data-pattern-error="Valid Mobile Number Format. Example:(011) 123-4567" required maxlength="10"" type="text">
          </div>
          <div class="form-group"><button type="submit" class="btn btn-success pull-right" value="validate!">Create</button> <p class="help-block pull-left text-danger hide" id="form-error">The form is not valid. </p></div>
          {{csrf_field()}}
        </form>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
      </div>
    </div>
  </div>
</div>
<!-- modal form -->



@stop