@extends('admin.layout.base')

@section('title', 'SMS Notification ')

@section('styles')

<link rel="stylesheet" href="{{asset('main/vendor/multi-select/css/multi-select.css')}}">
<style>
	input[type="checkbox"]{
	  width: 20px !important; 
	  height: 20px !important;
	}
</style>
@endsection

@section('content')

<div class="content-area py-1">
    <div class="container-fluid">

    	<div class="row bg-title">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <h4 class="page-title">@lang('admin.member.send_sms_driver')</h4>
            </div>
            <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                <ol class="breadcrumb">
                    <li><a href="{{ route('admin.dashboard') }}">@lang('admin.dashboard')</a></li>
                    <li class="active">@lang('admin.member.send_sms_driver')</li>
                </ol>
            </div>
        </div>

    	<div class="box box-block bg-white">
            <form class="form-horizontal" action="{{route('admin.sms.store')}}" method="POST" enctype="multipart/form-data" role="form">
            	{{csrf_field()}}
				<div class="form-group row">
					<label for="select_drivers" class="col-xs-12 col-form-label">@lang('admin.member.select_drivers')</label>
            		<div class="col-xs-10">
						<a href="#" class="btn btn-info btn-rounded" id='select-all'>@lang('admin.member.select_all')</a>
						<a href="#" class="btn btn-warning btn-rounded" id='deselect-all'>@lang('admin.member.clear_all')</a>
					</div>
				</div>
				<div class="form-group row">
					<div class="col-xs-10">
					<select id='public-methods' name="drivers[]" multiple='multiple'>
					  @foreach($Providers as $index => $provider)
					  <option value='{{$provider->mobile}}'>{{$provider->first_name}} {{$provider->last_name}} ( {{ hidechar($provider->mobile) }} )</option>
					  @endforeach
					</select>
				</div>
				</div>
				<div class="form-group row">
					<label for="push_content" class="col-xs-12 col-form-label">@lang('admin.member.message')</label>
					<div class="col-xs-9">
						<textarea name="push_content" id="push_content" cols="30" rows="10" class="form-control"></textarea>
					</div>
				</div>
				<div class="form-group row">
					<label for="zipcode" class="col-xs-12 col-form-label"></label>
					<div class="col-xs-10">
						<button type="submit" class="btn btn-success"><i class="fa fa-check"></i> @lang('admin.member.send_message')</button>
						<a href="{{route('admin.sms.index')}}" class="btn btn-inverse waves-effect waves-light">@lang('admin.member.cancel')</a>
					</div>
				</div>
			</form>
		</div>

	<div class="box box-block bg-white">
		<form action="{{ route('admin.sms.destroy') }}" method="POST">
			{{ csrf_field() }}
		<table class="table table-striped table-bordered dataTable" id="table-2">
                <thead>
                    <tr>
                    	<th>@lang('admin.member.select')</th>
                        <th>@lang('admin.member.id')</th>
                        <th>@lang('admin.member.message')</th>
                        <th>@lang('admin.member.mobile_numbers')</th>
                        <th>@lang('admin.member.created_at')</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($smsdatas as $index => $smsdata)
                    <tr>
                    	<td><input type="checkbox" class="form-control" name="checkbox[]" value="{{ $smsdata->id }}"></td>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $smsdata->message }}</td>
                        <td>{{ hidechar($smsdata->mobile_numbers) }}</td>
 						<td>{{ datetime_formatter($smsdata->created_at) }}</td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <th>@lang('admin.member.select')</th>
                        <th>@lang('admin.member.id')</th>
                        <th>@lang('admin.member.message')</th>
                        <th>@lang('admin.member.mobile_numbers')</th>
                        <th>@lang('admin.member.created_at')</th>
                    </tr>
                </tfoot>
            </table>
            <button type="submit" class="btn btn-danger btn-rounded label-left b-a-0 waves-effect waves-light"><span class="btn-label"><i class="fa fa-trash"></i></span>@lang('admin.member.delete')</button>
            </form>
	</div>

    </div>
</div>

@endsection


@section('scripts')

<script type="text/javascript" src="{{asset('main/vendor/multi-select/js/jquery.multi-select.js')}}"></script>
<script>
	$('#public-methods').multiSelect();
	$('#select-all').click(function(){
	  $('#public-methods').multiSelect('select_all');
	  return false;
	});
	$('#deselect-all').click(function(){
	  $('#public-methods').multiSelect('deselect_all');
	  return false;
	});
</script>
@endsection