@extends('backend.layout')

@section('titre')
    Newsletters

@endsection



@section('content')

<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <div class="row">
                    <h5 class="col-md-10">Liste des inscrits  </h5>
                </div>


            </div>

            <!-- /.card-header -->
            <div class="card-body ">
                <form method="post" action="{{route("NewsletterGroups.delete_selection",$newsletterGroup->id)}}">
                    @csrf
                    @method('PUT')
                    <input type="hidden" value="{{$newsletterGroup->id}}" name="newsletter_group_id">
                <table id="datatable-inscription" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th></th>
                        <th>Email</th>
                        <th>Name</th>
                       

                    </tr>
                    </thead>
                    
                    <tbody>  </tbody>
                </table>

                    &nbsp;&nbsp;<button type="submit" class="btn btn-default btn-rounded btn-ef btn-ef-5 btn-ef-5a mb-10"><i class="fa fa-trash"></i> <span>Supprimer la selection</span> </button>
</form>
            </div>
            <!-- /.card-body -->
        </div>
        </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <div class="row">
                    <h5 class="col-md-10">Ajouter des inscrits  </h5>
                </div>


            </div>



            <!-- /.card-header -->
            <div class="card-body ">
                <form method="post" action="{{route("newsletterGroups.add_selection",$newsletterGroup->id)}}">
                    @csrf
                    @method('PUT')
                    <input type="hidden" value="{{$newsletterGroup->id}}" name="newsletter_group_id">
                <table id="datatable-add" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th></th>
                        <th>Email</th>
                        <th>Name</th>

                    </tr>
                    </thead>

                    <tbody>  </tbody>
                </table>
                    &nbsp;&nbsp;<button type="submit" class="btn btn-default btn-rounded btn-ef btn-ef-5 btn-ef-5a mb-10"><i class="fa fa-plus"></i> <span>Ajouter la selection</span> </button>
                </form>

            </div>
            <!-- /.card-body -->
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        
  $('#datatable-inscription').DataTable({
                responsive: true,
               type:'GET',
                ajax:'{{route("newsletterGroups.getGroupSubscribtion",$newsletterGroup->id)}}',
                columns: [
                    {
                        data: 'action',
                        name: 'action',
                        orderable: true,
                        searchable: true
                    },
                    {
                        data: 'Email',
                        name: 'Email',
                        orderable: true,
                        searchable: true
                    },
                    {
                        data: 'Name',
                        name: 'Name',
                        orderable: true,
                        searchable: true
                    },





                ],


                
            });
        $('#datatable-add').DataTable({
            responsive: true,
            type:'GET',
            ajax:'{{route("newsletterGroups.dataList",$newsletterGroup->id)}}',
            columns: [
                {
                    data: 'action',
                    name: 'action',
                    orderable: true,
                    searchable: true
                },
                {
                    data: 'email',
                    name: 'email',

                },
                {
                    data: 'name',
                    name: 'name',

                },





            ],



        });

    });
</script>
@endsection