@extends('admin.layouts.main')
@section('content')
  

<div class="page-content">
  <div class="container-fluid">

      <!-- start page title -->
      <div class="row">
          <div class="col-12">
              <div class="page-title-box d-flex align-items-center justify-content-between">
                  <h4 class="mb-0">Newslatter Management</h4>

                  <div class="page-title-right">
                      <ol class="breadcrumb m-0">
                          <li class="breadcrumb-item"><a href="{{ url('dashboard') }}">Dashboard</a> / Newslatter</li>
                      </ol>
                  </div>
              </div>
          </div>
      </div>
      <!-- end page title -->
      <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                      <div class="col-md-10">
                        <h3 class="card-title">Newslatter List</h3>
                      </div>
                      <div class="col-md-2">
                        <a href="{{ url('newslatter/create')}}" class="btn btn-sm btn-primary text-left"><i class="fa fa-plus"></i> Send Email</a>
                      </div>
                    </div><br>
                    <?php 
                      $messageArr = ['success', 'warning', 'danger', 'info'];
                      ?>
                    @foreach($messageArr as $message)
                    @if(session()->has($message))   
                    <div class="col-md-12">
                      <div class="alert alert-{{$message}}">
                        {{ session()->get($message) }}   
                      </div>
                    </div>
                    @endif
                    @endforeach

                    <table id="pData" class="table table-bordered data-table">
                      <thead>
                        <tr>
                          <th>No</th>
                          <th>Email</th>
                          <th>Action</th>
                        </tr>
                      </thead>
                      <tbody>
                        @if(count($newsList) > 0)
                          <?php $i = 0 ?>
                          @foreach($newsList as $row)
                          <tr>
                            <td>{{ ++$i }}</td>
                            <td>{{ $row->email }}</td>
                            <td>
                              <button type="button" class="btn btn-flat btn-sm btn-danger" data-bs-toggle="modal" data-bs-target="#myModal" onclick="deleteData(<?php echo $row->id ?>)"><i class="fa fa-trash"> </i></button>
                            </td>
                          </tr>
                          @endforeach 
                          @else 
                          <tr>
                            <td class="text-center" colspan="3">No data found</td>
                          </tr>
                          @endif
                      </tbody>
                    </table>

                </div>
            </div>
        </div> <!-- end col -->
    </div> <!-- end row --> 
     
  </div> <!-- container-fluid -->

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
          <h5 class="modal-title mt-0" id="myModalLabel">Delete Records</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
          </button>
      </div>
      <form id="deleteForm" method="post">
        <div class="modal-body">
           {{ csrf_field() }}
           {{ method_field('DELETE') }}
           <h5 class="text-center">Are you to delete this Record?</h5>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-light waves-effect" data-bs-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary waves-effect waves-light" onclick="formSubmit()">Delete Record</button>
        </div>
      </form>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

</div>


@stop
@section('footer_script')
<script type="text/javascript">
  function deleteData(id)
  {
    var id = id;
    var url = '{{ route("newslatter.destroy", ":id") }}';
    url = url.replace(':id', id);
    $("#deleteForm").attr('action', url);
  }

  function formSubmit()
  {
    $("#deleteForm").submit();
  }
</script>
@stop