cms-token/@core/resources/views/backend/newsletter/newsletter-index.blade.php

227 lines
11 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@extends('backend.admin-master')
@section('style')
<link rel="stylesheet" href="{{asset('assets/backend/css/summernote-bs4.css')}}">
<link rel="stylesheet" href="{{asset('assets/backend/css/media-uploader.css')}}">
<link rel="stylesheet" href="{{asset('assets/backend/css/dropzone.css')}}">
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.18/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/responsive/2.2.3/css/responsive.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/responsive/2.2.3/css/responsive.jqueryui.min.css">
<style>
.dataTables_wrapper .dataTables_paginate .paginate_button{
padding: 0 !important;
}
div.dataTables_wrapper div.dataTables_length select {
width: 60px;
display: inline-block;
}
</style>
@endsection
@section('site-title')
{{__('All Newsletter')}}
@endsection
@section('content')
<div class="col-lg-12 col-ml-12 padding-bottom-30">
<div class="row">
<div class="col-lg-12">
<div class="margin-top-40"></div>
<x-flash-msg/>
<x-error-msg/>
</div>
<div class="col-lg-6 mt-5">
<div class="card">
<div class="card-body">
<h4 class="header-title">{{__('All Newsletter Subscriber')}}</h4>
<div class="bulk-delete-wrapper">
<div class="select-box-wrap">
<select name="bulk_option" id="bulk_option">
<option value="">{{{__('Bulk Action')}}}</option>
<option value="delete">{{{__('Delete')}}}</option>
</select>
<button class="btn btn-primary btn-sm" id="bulk_delete_btn">{{__('Apply')}}</button>
</div>
</div>
<div class="table-wrap">
<table class="table table-default">
<thead>
<th class="no-sort">
<div class="mark-all-checkbox">
<input type="checkbox" class="all-checkbox">
</div>
</th>
<th>{{__('ID')}}</th>
<th>{{__('Email')}}</th>
<th>{{__('Action')}}</th>
</thead>
<tbody>
@foreach($all_subscriber as $data)
<tr>
<td>
<div class="bulk-checkbox-wrapper">
<input type="checkbox" class="bulk-checkbox" name="bulk_delete[]" value="{{$data->id}}">
</div>
</td>
<td>{{$data->id}}</td>
<td>{{$data->email}} @if($data->verified === 1) <i class="fas fa-check-circle text-success"></i> @endif</td>
<td>
<x-delete-popover :url="route('admin.newsletter.delete',$data->id)"/>
<a class="btn btn-xs btn-primary btn-sm mb-3 mr-1 send_mail_modal_btn"
href="#"
data-toggle="modal"
data-target="#send_mail_to_subscriber_modal"
data-email="{{$data->email}}"
>
<i class="ti-email"></i>
</a>
@if($data->verified != 1)
<form action="{{route('admin.newsletter.verify.mail.send')}}" method="post" enctype="multipart/form-data">
@csrf
<input type="hidden" name="id" value="{{$data->id}}">
<button class="btn btn-secondary" type="submit">{{__('Send Verify Mail')}}</button>
</form>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-5">
<div class="card">
<div class="card-body">
<h4 class="header-title">{{__('Add New Subscriber')}}</h4>
<form action="{{route('admin.newsletter.new.add')}}" method="post">
@csrf
<div class="form-group">
<label for="email">{{__('Email')}}</label>
<input type="text" class="form-control" id="email" name="email" placeholder="{{__('Email')}}">
</div>
<button type="submit" class="btn btn-primary">{{__('Submit')}}</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="send_mail_to_subscriber_modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{{__('Send Mail To Subscriber')}}</h5>
<button type="button" class="close" data-dismiss="modal"><span>×</span></button>
</div>
<form action="{{route('admin.newsletter.single.mail')}}" id="send_mail_to_subscriber_edit_modal_form" method="post">
<div class="modal-body">
@csrf
<div class="form-group">
<label for="email">{{__('Email')}}</label>
<input type="text" readonly class="form-control" id="email" name="email" placeholder="{{__('Email')}}">
</div>
<div class="form-group">
<label for="edit_icon">{{__('Subject')}}</label>
<input type="text" class="form-control" id="subject" name="subject" placeholder="{{__('Subject')}}">
</div>
<div class="form-group">
<label for="message">{{__('Message')}}</label>
<input type="hidden" name="message" >
<div class="summernote"></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('Close')}}</button>
<button type="submit" class="btn btn-primary">{{__('Send Mail')}}</button>
</div>
</form>
</div>
</div>
</div>
@include('backend.partials.media-upload.media-upload-markup')
@endsection
@section('script')
<script src="{{asset('assets/backend/js/summernote-bs4.js')}}"></script>
<script>
$(document).ready(function () {
$(document).on('click','.send_mail_modal_btn',function(){
var el = $(this);
var email = el.data('email');
var form = $('#send_mail_to_subscriber_edit_modal_form');
form.find('#email').val(email);
});
$('.summernote').summernote({
height: 300, //set editable area's height
codemirror: { // codemirror options
theme: 'monokai'
},
callbacks: {
onChange: function(contents, $editable) {
$(this).prev('input').val(contents);
}
}
});
});
</script>
<!-- Start datatable js -->
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
<script src="//cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/1.10.18/js/dataTables.bootstrap4.min.js"></script>
<script src="//cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
<script src="//cdn.datatables.net/responsive/2.2.3/js/responsive.bootstrap.min.js"></script>
<script>
$(document).ready(function() {
$('.table-wrap > table').DataTable( {
"order": [[ 0, "desc" ]],
'columnDefs' : [{
'targets' : 'no-sort',
'orderable' : false
}]
} );
$(document).on('click','#bulk_delete_btn',function (e) {
e.preventDefault();
var bulkOption = $('#bulk_option').val();
var allCheckbox = $('.bulk-checkbox:checked');
var allIds = [];
allCheckbox.each(function(index,value){
allIds.push($(this).val());
});
if(allIds != '' && bulkOption == 'delete'){
$(this).text('{{__('Deleting...')}}');
$.ajax({
'type' : "POST",
'url' : "{{route('admin.newsletter.bulk.action')}}",
'data' : {
_token: "{{csrf_token()}}",
ids: allIds
},
success:function (data) {
location.reload();
}
});
}
});
$('.all-checkbox').on('change',function (e) {
e.preventDefault();
var value = $('.all-checkbox').is(':checked');
var allChek = $(this).parent().parent().parent().parent().parent().find('.bulk-checkbox');
//have write code here fr
if( value == true){
allChek.prop('checked',true);
}else{
allChek.prop('checked',false);
}
});
} );
</script>
<script src="{{asset('assets/backend/js/dropzone.js')}}"></script>
@include('backend.partials.media-upload.media-js')
@endsection