@extends('layouts.app')
@section('title', __('superadmin::lang.superadmin') . ' | ' . __('superadmin::lang.communicator'))

@section('content')
@include('superadmin::layouts.nav')
<!-- Content Header (Page header) -->
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm">
              <a class="text-white opacity-7" href="{{action([\Modules\Superadmin\Http\Controllers\SuperadminController::class, 'index'])}}">
                <i class="fa fas fa-users-cog text-sm-i opacity-10"></i> @lang('superadmin::lang.superadmin')
              </a>
            </li>
            <li class="breadcrumb-item text-sm text-white">
                @lang('superadmin::lang.communicator')
            </li>
        </ol>
    </nav>
</section>
<!-- Main content -->
<section class="content">
	<div class="pad-15">
		<div class="card h-100 shadow-lg mb-20" id="accordion_cm">
	        <div class="card-header pb-0 pt-3 bg-transparent" id="SectionCM">
	            <h5 class="text-capitalize">
	            <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
	            <i class="fa fa-bullhorn text-primary text-lg opacity-10"></i>
	            </span> @lang('superadmin::lang.compose_message') </h5>
	            <div class="heading-elements text-dark header-collapse">
	              <ul class="list-inline mb-0">
	                <li data-toggle="tooltip" title="@lang('lang_v1.expand_hide')"><a data-toggle="collapse" data-target="#collapseCM" aria-expanded="false" aria-controls="collapseCM"></a></li>
	              </ul>
	            </div>
	        </div>
	        <div id="collapseCM" class="collapse" aria-labelledby="SectionCM" aria-expanded="false">
	        	<hr class="line-light">
		         <div class="card-body p-3">
				    {!! Form::open(['url' => action([\Modules\Superadmin\Http\Controllers\CommunicatorController::class, 'send']), 'method' => 'post', 'id' => 'communication_form']) !!}
		        		<div class="col-md-12 form-group">
		        			{!! Form::label('recipients', __('superadmin::lang.recipients').':*') !!} <button type="button" class="btn btn-primary btn-xs select-all mb-10">@lang('lang_v1.select_all')</button> <button type="button" class="btn btn-primary btn-xs deselect-all mb-10">@lang('lang_v1.deselect_all')</button>
							{!! Form::select('recipients[]', $businesses, null, ['class' => 'form-control select2', 'required', 'multiple', 'id' => 'recipients', 'style' => 'width: 100%;']); !!}
		        		</div>
		        		<div class="col-md-12 form-group">
		        			{!! Form::label('subject', __('superadmin::lang.subject').':*') !!}
		        			{!! Form::text('subject', null, ['class' => 'form-control bd-rd-7', 'required']); !!}
		        		</div>
		        		<div class="col-md-12 form-group">
		        			{!! Form::label('message', __('superadmin::lang.message').':*') !!}
		        			{!! Form::textarea('message', null, ['class' => 'form-control bd-rd-7', 'required', 'rows' => 6]); !!}
		        		</div>
		        		<div class="col-md-12 text-center mb-20">
		        			<button type="submit" class="btn btn-danger btn-big" id="send_message">@lang('superadmin::lang.send')</button>
		        		</div>
				        	{!! Form::close() !!}
				</div>
			</div>
		</div>
		<div class="card h-100 shadow-lg mb-20">
	        <div class="card-header pb-0 pt-3 bg-transparent">
	            <h5 class="text-capitalize">
	            <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
	            <i class="fa fa-history text-primary text-lg opacity-10"></i>
	            </span> @lang('superadmin::lang.message_history') </h5>
	            <hr class="line-light">
	        </div>
	        <div class="card-body p-3">
	        	<div class="table-responsive">
		        	<table class="table lign-items-center mb-0 full-width" id="message-history">
		        		<thead class="thead-light">
		        			<tr>
		        				<th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('superadmin::lang.subject')</th>
		        				<th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('superadmin::lang.message')</th>
		        				<th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.date')</th>
		        			</tr>
		        		</thead>
		        	</table>
		        </div>
		    </div>
		</div>
	</div>
</section>
<!-- /.content -->
@stop
@section('javascript')

<script type="text/javascript">
	$(document).ready( function() {
		$('#send_message').click(function(e){
			e.preventDefault();
			if($('form#communication_form').valid()){
				swal({
	              title: LANG.sure,
	              icon: "warning",
	              buttons: true,
	              dangerMode: false,
	            }).then((sure) => {
	            	if(sure){
	            		$('form#communication_form').submit();
	            	} else {
	            		return false;
	            	}
	            });
	        }
		});

		$('#message-history').DataTable({
			dom:'lfrtip',
			processing: true,
			serverSide: true,
			ajax: '{{action([\Modules\Superadmin\Http\Controllers\CommunicatorController::class, 'getHistory'])}}'
	    });

	    init_tinymce('message');
	});
</script>
@endsection