@extends('admin.layout')

@section('content')
<style type="text/css">
  .modal-body {

    padding: 5rem 4rem;

    text-align: center;

}
span.custolebel {
    font-size: 12px;
}
.modal-footer .btn-primary:hover{
  background: transparent;
  border-color: transparent;
}

.dropdown-toggle::after{
    display: none;
}
.modal-body {

    font-size: 16px;

}



.modal-content {

    min-height: auto;

}



.modal-title {

    padding-left: 0;

}





.modal-body p {

    margin-bottom: 0;

    font-size: 24px;

    font-weight: 600;

}
.ecom-btn-border1{
      min-width: 125px;
          padding: 3px 9px;
}
.bg-beauty-green{
  background: #4CAF50 !important;
}
.container-custom01{
  max-width: 1900px;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
}
/*Member new work*/

.customMemberList table tr th {
    font-size: 11px;
    padding: 5px !important;
}

.customMemberList table tr th a {
    font-size: 12px;
    color: #2b2a2a;
}

.customMemberList table tr td {
    font-size: 12px;
}
.custommserch .ordersearch {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.custommserch .ordersearch i.fas.fa-search {
    color: #7460ee;
}

.pagination{
    margin-top: 20px;
}
table.jambo_table thead tr th a {
    color: #fff !important;
}

table.jambo_table thead tr {
    background-color: #7460ee;
}
.content-wrapper.close-wrapper {
    margin-left: 300px!important;
}


.content-wrapper {
    margin-left: 0px!important;
}

.sidenav {
    width: 0px;
}
div#emailCustomerModal .modal-body {
    padding:0px;
}

@media (min-width: 576px){
	.modal-dialog {
		max-width: 683px;
		margin: 1.75rem auto;
	}
}
/*End*/
</style>

<div class="content-wrapper"> 


  <!-- Main content -->

  <section class="content"> 

    <!-- Info boxes --> 

    

    <!-- /.row -->

<div class="container-custom01">

    <div class="row">

      <div class="col-md-12">


            <div class="row">

              <div class="col-xs-12">

                  @if (count($errors) > 0) @if($errors->any())

                  <div class="alert alert-success alert-dismissible" role="alert">

                      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                      {{$errors->first()}}

                  </div>

                  @endif @endif
				  
					@if( session('success'))
						<div class="alert alert-success pt10 pb10 mt10 mb10" style="display:block">
							{{ session('success') }}
						</div>
					@endif				  

              </div>

          </div>

            <div class="row">

              <div class="col-md-12">
              
				
				<form action="" method="POST">
					</br>
					<div class="customMemberList table-responsive">
						<table class="table table-striped responsive-utilities">
							<thead>
								<tr>
									<th></th>
									<th></th>
									<th colspan="12" style="color:#333;text-align: center !important;font-size: 20px !important;text-transform: uppercase;">Purchase of Package or Ecoin</th>
								</tr>
								<tr style="border-bottom:none;">
									<th id="member-grid_c0">Member Name</th>
									<th id="member-grid_c1">Member Contact</th>
									<th id="member-grid_c2">JAN</th>
									<th id="member-grid_c2">FEB</th>
									<th id="member-grid_c2">MAR</th>
									<th id="member-grid_c2">APR</th>
									<th id="member-grid_c2">MAY</th>
									<th id="member-grid_c2">JUN</th>
									<th id="member-grid_c2">JUL</th>
									<th id="member-grid_c2">AUG</th>
									<th id="member-grid_c2">SEP</th>
									<th id="member-grid_c2">OCT</th>
									<th id="member-grid_c2">NOV</th>
									<th id="member-grid_c2">DEC</th>
								</tr>
							</thead>
							<tbody>
								<tr style="border-bottom:none;">
									<td id="member-grid_c0">ABC</td>
									<td id="member-grid_c1">435344664</td>
									<td>JAN</td>
									<td>FEB</td>
									<td>MAR</td>
									<td>APR</td>
									<td>MAY</td>
									<td>JUN</td>
									<td>JUL</td>
									<td>AUG</td>
									<td>SEP</td>
									<td>OCT</td>
									<td>NOV</td>
									<td>DEC</td>
								</tr>
								<tr style="border-bottom:none;">
									<td id="member-grid_c0">XYZ</td>
									<td id="member-grid_c1">435344664</td>
									<td>JAN</td>
									<td>FEB</td>
									<td>MAR</td>
									<td>APR</td>
									<td>MAY</td>
									<td>JUN</td>
									<td>JUL</td>
									<td>AUG</td>
									<td>SEP</td>
									<td>OCT</td>
									<td>NOV</td>
									<td>DEC</td>
								</tr>
								<tr style="border-bottom:none;">
									<td id="member-grid_c0">BYX</td>
									<td id="member-grid_c1">435344664</td>
									<td>JAN</td>
									<td>FEB</td>
									<td>MAR</td>
									<td>APR</td>
									<td>MAY</td>
									<td>JUN</td>
									<td>JUL</td>
									<td>AUG</td>
									<td>SEP</td>
									<td>OCT</td>
									<td>NOV</td>
									<td>DEC</td>
								</tr>
								<tr style="border-bottom:none;">
									<td id="member-grid_c0">ZXW</td>
									<td id="member-grid_c1">435344664</td>
									<td>JAN</td>
									<td>FEB</td>
									<td>MAR</td>
									<td>APR</td>
									<td>MAY</td>
									<td>JUN</td>
									<td>JUL</td>
									<td>AUG</td>
									<td>SEP</td>
									<td>OCT</td>
									<td>NOV</td>
									<td>DEC</td>
								</tr>
							</tbody>
						</table>
					</div>
				</form>
              </div>
              <div class=""></div>

            </div>

          </div>

          <!-- /.box-body --> 

        </div>

        <!-- /.box --> 

      </div>

      <!-- /.col --> 

    </div>

    <!-- /.row --> 

    <script>
    function memberDetails(id) {
        window.location = '/admin/memberdetails/'+id;
    }
</script>
  </section>


  <!-- Customers Emails Poup -->
    <div class="modal fade" id="emailCustomerModal" tabindex="-1" role="dialog" aria-labelledby="emailCustomerModal">

    <div class="modal-dialog" role="document">

        <div class="modal-content">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                <h4 class="modal-title" id="deleteCustomerModalLabel">
                Marketing Module</h4>

            </div>

            <div class="modal-body">
                 <!-- form start -->
				<div class="box-body">
				   {!! Form::open(array('url' =>'admin/SendEmailToMembers', 'method'=>'post', 'class' => 'form-horizontal registration-form form-validate', 'enctype'=>'multipart/form-data','id'=>'frm-example')) !!}
				  
						   
						<fieldset>
							<div class="form-top">
								<div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
									<label for="subjects">Subject </label>
								  
										<input class="form-control field-validate" name="subjects" type="text" value="">
										<input class="form-control" id="memberId" type="hidden" name="memberId">
										
										<span class="help-block" style="font-weight: normal;font-size: 11px;margin-bottom: 0;"></span> 
								</div>
								  
								   <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
									  <label for="customers_emails">Select Template </label>
										<select  class="form-control field-validate dropdown" id="emails_temp" name="emails_temp" >
										  @if (count($emails_temp) > 0) 
											@foreach ($emails_temp as $email_temp)
															 <option value="">{{$email_temp->temp_name}}</option>
											 @endforeach 
										  @endif
									  </select>
								  </div>

									<div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
										<label for="message">Message </label>
										
										<textarea id="id_message" class="form-control" name="message" type="text" value=""></textarea> <span class="help-block"></span>

									</div>
							</div>
							<div class="form-bottom">
							  
								 <button type="submit" class="ecom-btn">Send Email</button>
							</div>
						</fieldset>
					{!! Form::close() !!}

					</div>

				</div>

            </div>
           


        </div>

    </div>


  <!-- /.content --> 

</div>


<!-- include summernote css/js -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote-lite.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote-lite.js"></script>


@endsection