@extends('layouts.admin')

@section('page-title', trans('crm.newsletter_lists'))

@section('content')

    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a> <span class="font-weight-semibold">@lang('crm.newsletter_lists')</span>
                </h4>
                {{--<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>--}}
            </div>
        </div>
    </div>



    <div class="content">
        @include('partials.messages')
        {{-- 
        <div class="card">
            <div class="card-body">
                <div class="row header-controls">
                    <div class="col-md-6">
                        <a href="{{ route('role.create') }}" class="btn btn-success" id="add-user">
                            <i class="icon-plus-circle2"></i>
                            @lang('app.add_role')
                        </a>
                    </div>
                </div>
                
                <div class="table-responsive" id="users-table-wrapper">
                    <table class="table">
                        <thead>
                        <th>@lang('app.name')</th>
                        <th>@lang('app.display_name')</th>
                        <th>@lang('app.users_with_this_role')</th>
                        <th class="text-center">@lang('app.action')</th>
                        </thead>
                        <tbody>
                        @if (count($roles))
                            @foreach ($roles as $role)
                                <tr>
                                    <td>{{ $role->name }}</td>
                                    <td>{{ $role->display_name }}</td>
                                    <td>{{ $role->users_count }}</td>
                                    <td class="text-center">
                                        <a href="{{ route('role.edit', $role->id) }}" class="btn btn-primary btn-circle"
                                        title="@lang('app.edit_role')" data-toggle="tooltip" data-placement="top">
                                            <i class="icon-pencil3"></i>
                                        </a>
                                        @if ($role->removable)
                                            <a href="{{ route('role.delete', $role->id) }}" class="btn btn-danger btn-circle"
                                            title="@lang('app.delete_role')"
                                            data-toggle="tooltip"
                                            data-placement="top"
                                            data-method="DELETE"
                                            data-confirm-title="@lang('app.please_confirm')"
                                            data-confirm-text="@lang('app.are_you_sure_delete_role')"
                                            data-confirm-delete="@lang('app.yes_delete_it')">
                                                <i class="icon-cross2"></i>
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="4"><em>@lang('app.no_records_found')</em></td>
                            </tr>
                        @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        --}}
        <div class="card">
            <div class="card-header header-elements-inline">
                <h5 class="card-title">@lang('crm.newsletter_lists')</h5>
            </div>
            <div class="card-body">
                <div class="row header-controls">
                    <div class="col-md-6">
                        @if(admin_permission('newsletter.edit'))
                        <a href="javascript:new_newsletter_list()" class="btn btn-success" id="add-newsletter-list">
                            <i class="icon-plus-circle2"></i>&nbsp;
                            @lang('crm.new_newsletter_list')
                        </a>
                        @endif
                    </div>
                    <div class="col-md-6">
                        <div class="btn-group ml-1 float-right">

                        </div>
                    </div>
                </div>

                <table class="table" id="table-newsletter-lists">
                    <thead>
                    <th>@lang('crm.newsletter_list_id')</th>
                    <th>@lang('crm.newsletter_list_name')</th>
                    <th>@lang('crm.newsletter_list_contact_count')</th>
                    {{--<th>@lang('crm.payment_modes_dt_active')</th>--}}
                    <th>@lang('crm.options')</th>
                    </thead>
                    <tbody>
                    @foreach($newsletter_lists as $newsletter_list)
                        <tr>
                            <td>{{ $newsletter_list['id'] }}</td>
                            <td><a href="{{ route('admin.newsletter-lists.show', $newsletter_list['id']) }}">{{ $newsletter_list['name'] }}</a></td>
                            <td>{{ $newsletter_list->contacts->count() }}</td>
                            {{-- 
                            <td>
                                <label class='form-check-label'>
                                    <input type='checkbox' data-id="{{$mode['id']}}" class='form-check-input-switchery' onclick='activeClicked({{$mode['id']}})' @if($mode['active']) checked @endif data-fouc/>
                                </label>
                            </td>
                             --}}
                            <td>
                                <a href="{{ route('admin.newsletter-lists.show', $newsletter_list['id']) }}" class="btn btn-secondary btn-circle"><i class="icon-eye"></i></a>
                                @if(admin_permission('newsletter.edit'))
                                <a href="javascript:edit_newsletter_list({{ $newsletter_list['id'] }});" class="btn btn-primary btn-circle"><i class="icon-pencil3"></i></a>
                                <a href="javascript:del_newsletter_list({{ $newsletter_list['id'] }});" class="btn btn-danger btn-circle">
                                    <i class="icon-cross"></i>
                                </a>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div id="modal_newsletter_list" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-md">
    
        </div>
    </div>
@stop

@section('scripts')
    <script>
        $(document).ready(function () {
            $('#table-newsletter-lists').DataTable({
                'order': [[1, 'asc']]
            })
        });

        function new_newsletter_list(){
            var url = "/admin/newsletter-lists/modal" ;
            $.ajax({
                type: 'POST',
                url: url,
                data: {id: 0},
                success: function (data) {
                    $('#modal_newsletter_list .modal-dialog').html(data.data.html);
                    $('#modal_newsletter_list').modal('show');
                    Components.init();

                    $('#newsletter_list_form').validate({
                        ignore: "",
                        rules: {
                            name: 'required',
                        },
                        submitHandler: function (form){
                            manage_newsletter_list(form);
                        },
                    });
                },
            });
        }

        function edit_newsletter_list(id){
            var url = "/admin/newsletter-lists/modal" ;

            $.ajax({
                type: 'POST',
                url: url,
                data: {id: id},
                success: function (data) {
                    $('#modal_newsletter_list .modal-dialog').html(data.data.html);
                    $('#modal_newsletter_list').modal('show');
                    Components.init();

                    $('#newsletter_list_form').validate({
                        ignore: "",
                        rules: {
                            name: 'required',
                        },
                        submitHandler: function (form){
                            manage_newsletter_list(form);
                        },
                    });
                },
            });
        }

        function manage_newsletter_list(form) {
            var url = form.action;
            var data = $(form).serialize();
            $.ajax({
                type:'POST',
                url:url,
                data: data    ,
                success:function(response){
                    successNotify('Success',response.msg);
                    reloadPage()
                }, error: function (error){
                    errorNotify('Error', error.statusText);
                },complete: function() {
                    $('#modal_newsletter_list').modal('hide');
                }
            });
            return false;
        }
        /*
        function activeClicked(id) {
            $.ajax({
                type: 'POST',
                url: '/admin/payment_mode/manage',
                data: {id: id, action:'changeActive'},
                success: function (data) {
                    if(data.status == '1'){
                        successNotify('Success',data.msg);
                    }else{
                        errorNotify('Success',data.msg);
                        reloadPage()
                    }
                },
                error: function (error) {
                    errorNotify('Error', '')
                    reloadPage()
                }
            });
        }
        */

        function del_newsletter_list(id){
            var url = "/admin/newsletter-lists/delete" ;

            confirmAlert('', 'Are you sure to delete this item ?', 'Yes, delete it', 'Cancel', function () {
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {id: id},
                    success: function (data) {
                        if(data.status == '1'){
                            successNotify('Success',data.msg);
                            reloadPage()
                        }else{
                            errorNotify('Success',data.msg);
                        }
                    },
                    error: function (error) {
                        successNotify('Error', '')
                    }
                });
            })
        }
    </script>
@stop