@extends('admin.layout.layout')

@section('page-level-css')
@endsection

@section('content')
<!-- START PAGE-CONTAINER -->
<div class="page-container ">
    <!-- START HEADER -->
    @include('admin.partials.header')
    <!-- END HEADER -->
    <!-- START PAGE CONTENT WRAPPER -->
    <div class="page-content-wrapper">
        <!-- START PAGE CONTENT -->
        <div class="content ">

            <div class="container-fluid  bg-white">
                {{-- flash message starts here --}}
                <div class="col-md-12">
                    @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    @if(Session::has('success'))
                    <div class="alert alert-success">
                        {{Session::get('success')}}
                    </div>
                    @endif
                </div>
                {{-- flash message ends here --}}
                <!-- START card -->
                <div class="card card-transparent">
                    {{-- filters starts --}}
                    <div class="card-header ">
                        <div class="card-title">
                            {{-- Filters --}}
                        </div>

                        <div class="clearfix"></div>
                    </div>
                    {{-- filters --}}
                    {{-- @include('admin.partials.filters.locationFilter') --}}
                    {{-- filters ends --}}
                    <div class="card-header ">
                        <div class="card-title">
                            User
                        </div>

                        <div class="pull-right">
                            <div class="col-xs-12">
                                <input type="text" id="search-table" class="form-control pull-right"
                                    placeholder="Search">
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <div class="card-body">
                        @if( count($newsLetters) != 0 )
                        <table class="table table-hover demo-table-search table-responsive-block" id="tableWithSearch">
                            <thead>
                                <tr>
                                    <th style="width:1%">#</th>
                                    <th style="width:10%">Email</th>
                                    <th style="width:10%">Registered On</th>
                                    <th style="width:30%">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                $sr = 1;
                                @endphp
                                @foreach( $newsLetters as $user )
                                <tr>
                                    <td class="v-align-middle ">
                                        <p>
                                            {{$sr}}
                                        </p>
                                    </td>
                                    <td class="v-align-middle">
                                        <p>{{$user->email}}</p>
                                    </td>
                                    <td>
                                        {{ date('d/m/Y' ,strtotime($user->created_at)) }}
                                    </td>
                                    <td class="v-align-middle">
                                        <a href="#" data-toggle="modal" data-target="#modalSlideUp"
                                            class="btn btn-danger btn-sm trashEntity" data-id="{{$user->id}}"
                                            data-url="{{route('delete.news.letter',['newsletter' => $user->id ])}}">Delete</a>
                                    </td>
                                </tr>
                                @php
                                $sr++;
                                @endphp
                                @endforeach
                            </tbody>
                        </table>
                        @else
                        @endif
                    </div>
                </div>
                <!-- END card -->
            </div>
        </div>
        {{-- Delete Modal Starts here --}}
        @include('admin.partials.trashModal')
        {{-- Delete Modal ends here --}}
        <!-- END PAGE CONTENT -->
        @include('admin.partials.footer')
        <!-- END COPYRIGHT -->
    </div>
    <!-- END PAGE CONTENT WRAPPER -->
</div>
<!-- END PAGE CONTAINER -->
@endsection

@section('page-level-js')
<script src="{{asset('assets/plugins/jquery-datatable/media/js/jquery.dataTables.min.js')}}" type="text/javascript">
</script>
<script src="{{asset('assets/plugins/jquery-datatable/extensions/TableTools/js/dataTables.tableTools.min.js')}}"
    type="text/javascript"></script>
<script src="{{asset('assets/plugins/jquery-datatable/media/js/dataTables.bootstrap.js')}}" type="text/javascript">
</script>
<script src="{{asset('assets/plugins/jquery-datatable/extensions/Bootstrap/jquery-datatable-bootstrap.js')}}"
    type="text/javascript"></script>
<script type="text/javascript" src="{{asset('assets/plugins/datatables-responsive/js/datatables.responsive.js')}}">
</script>
<script type="text/javascript" src="{{asset('assets/plugins/datatables-responsive/js/lodash.min.js')}}"></script>
<script src="{{asset('assets/js/datatables.js')}}" type="text/javascript"></script>
<script type="text/javascript">
    $(document).on('click', '.trashEntity', function(event) {
    var entityId = $(this).attr('data-id');
    var entityUrl = $(this).attr('data-url');
    // need to import delete modal (double check)
    console.log(entityId);
    $('#entity_id').val(entityId);
    $('#trashEntityForm').attr('action', entityUrl);
    $('#confirmationMessage').html('<h5>Are you sure, <span class="semi-bold">you want to delete it.?</span></h5><p class="p-b-10">Once deleted it can be recovered</p>');
  }); 
</script>
@endsection