@extends ('backend.layouts.app')

@section('title', 'newsletter management')

@section('page-header')
    <h1>
        {{ trans('labels.backend.menus.management') }}
        <small>{{ trans('labels.backend.menus.create') }}</small>
    </h1>
@endsection

@section('content')

    <div class="box box-info">
        @if (Session::has('success'))
            <div class="alert alert-success">{{ Session::get('success') }}</div>
        @endif
        @if (Session::has('error'))
            <div class="alert alert-danger">{{ Session::get('error') }}</div>
        @endif
        <div class="box-header with-border">
            @php
                if (isset($_GET['type']) && isset($_GET['id']) && !empty($_GET['id'])) {
                    $edit_mode = 'on';
                } else {
                    $edit_mode = 'off';
                }
            @endphp
            @if ($edit_mode == 'on')
                <h3 class="box-title">Edit newsletter section</h3>
            @else
                <h3 class="box-title">Add newsletter section</h3>
            @endif

        </div><!-- /.box-header -->
        @if ($edit_mode == 'on')
            {{-- Edit - Including Form blade file --}}
            <div class="box-body">
                <div class="form-group">
                    <div class="edit-form-btn">
                        <form method="POST" action="{{ route('admin.update_newsletter') }}" accept-charset="UTF-8"
                            class="form-horizontal" role="form" id="menu-add-custom-url">
                            @csrf()
                            <div class="col-md-12 row">
                                <input type="hidden" value="" name="id">
                                <div class="form-group col-md-6">
                                                                        <label for="name" class="col-lg-4 control-label required">Newsletter Type</label>
                                    <div class="col-lg-8">
                                        <select name="newsletter_type" id="" class="form-control" required>
                                            <option value="">--Select--</option>
                                            <option value="1" >Morning Newsletter</option>
                                            <option value="2" >Brand Sync Newsletter</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="url" class="col-lg-4 control-label required">Position_for</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="position_for" value=""
                                            class="form-control" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row col-md-12">
                                <div class="form-group col-md-6">
                                    <label for="url" class="col-lg-4 control-label">Category</label>
                                    <div class="col-lg-8">
                                        <input list="category" name="category_id" id="category_id"
                                            value="" class="form-control">
                                        <datalist id="category">
                                            @foreach ($category as $cat)
                                                <option value="{{ $cat->category_id }} - {{ $cat->name }}">
                                            @endforeach
                                        </datalist>
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="url" class="col-lg-4 control-label">Article</label>
                                    <div class="col-lg-8">
                                        <input list="article" name="article_id" id="articles" value=""
                                            class="form-control">
                                        <datalist id="article">
                                            @foreach ($article as $art)
                                                <option value="{{ $art->article_id }} - {{ $art->title }}">
                                            @endforeach
                                        </datalist>
                                    </div>
                                </div>
                            </div>
                            <div class="row col-md-12">

                                <div class="form-group col-md-6">
                                    <label for="url" class="col-lg-4 control-label required">Section Title</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="title" value=""
                                            class="form-control" required>
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="url" class="col-lg-4 control-label required">Limit</label>
                                    <div class="col-lg-8">
                                        <input type="text" placeholder="Number" name="limit"
                                            value="" class="form-control" id="up_limit" required>
                                        <span class="text-danger limit_update_error"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                                                <div class="form-group">
                                    <label for="icon" class="col-lg-3 col-md-3 col-sm-3 control-label"
                                        title="Font Awesome Class. eg. fa-edit">Status</label>
                                    <div class="radio">
                                        <label class="radio-inline"><input class="mi-url_type_route"                                                 name="status" type="radio" value="1"> Active</label>
                                        <label class="radio-inline"><input class="mi-url_type_static" checked="checked"                                                name="status" type="radio" value="0"> Deactive</label>
                                    </div>
                                </div>
                            </div>

                            <div class="box-body">
                                <div class="form-group">
                                    <div class="edit-form-btn">
                                        <a class="btn btn-default btn-md"
                                            href="{{ url('admin/newsletter-manage') }}">Cancel</a>
                                        <input class="btn btn-primary btn-md up_btn" type="submit" value="Update">
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div><!--box-->
        @else
            {{-- Add - Including Form blade file --}}
            <form method="POST" action="{{ route('admin.newsletter_section_save') }}" accept-charset="UTF-8"
                class="form-horizontal" role="form" id="form">
                <div class="box-body">
                    <div class="form-group">
                        <div class="edit-form-btn">
                            @csrf()
                            <div class="col-md-12 row">
                                <div class="form-group col-md-6">
                                    <label for="name" class="col-lg-4 control-label required">Newsletter Type</label>
                                    <div class="col-lg-8">
                                        <select name="newsletter_type" id="" class="form-control" required>
                                            <option value="">--Select--</option>
                                            <option value="1">Morning Newsletter</option>
                                            <option value="2">Brand Sync Newsletter</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="url" class="col-lg-4 control-label required">Position_for</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="position_for" class="form-control" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row col-md-12">
                                <div class="form-group col-md-6">
                                    <label for="url" class="col-lg-4 control-label">Category</label>
                                    <div class="col-lg-8">
                                        <input list="category" name="category_id" id="category_id" class="form-control">
                                        <datalist id="category">
                                            @foreach ($category as $cat)
                                                <option value="{{ $cat->category_id }} - {{ $cat->name }}">
                                            @endforeach
                                        </datalist>
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="url" class="col-lg-4 control-label">Article</label>
                                    <div class="col-lg-8">
                                        <input list="article" name="article_id" id="articles" class="form-control">
                                        <datalist id="article">
                                            @foreach ($article as $art)
                                                <option value="{{ $art->article_id }} - {{ $art->title }}">
                                            @endforeach
                                        </datalist>
                                    </div>
                                </div>
                            </div>
                            <div class="row col-md-12">

                                <div class="form-group col-md-6">
                                    <label for="url" class="col-lg-4 control-label required">Section Title</label>
                                    <div class="col-lg-8">
                                        <input type="text" name="title" class="form-control" required>
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="url" class="col-lg-4 control-label required">Limit</label>
                                    <div class="col-lg-8">
                                        <input type="text" placeholder="Number" id="in_limit" name="limit"
                                            class="form-control" required>
                                        <span class="text-danger limit_add_error"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="icon" class="col-lg-3 col-md-3 col-sm-3 control-label"
                                        title="Font Awesome Class. eg. fa-edit">Status</label>
                                    <div class="radio">
                                        <label class="radio-inline"><input class="mi-url_type_route" checked="checked"
                                                name="status" type="radio" value="1"> Active</label>
                                        <label class="radio-inline"><input class="mi-url_type_static" name="status"
                                                type="radio" value="0"> Deactive</label>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="box-footer">
                        <div class="form-group">
                            <div class="edit-form-btn">
                                <a class="btn btn-default btn-md" href="{{ url('admin/newsletter-manage') }}">Cancel</a>
                                <input class="btn btn-primary btn-md save_btn" type="submit" value="Save">
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>

                    <div class="clearfix"></div>
                </div><!--box-->
            </form>
        @endif
    </div>
    <!-- view data -->
    <div class="box box-info">
        <div class="box-body">
            <div class="box-header">
                <h3 class="box-title">View All Data</h3>
                <div class="pull-right">
                    <span><a href="/admin/dummy-morningNewsletter" target="_blank">Morning Dummy</a>
                        <!-- | </span>
                    <span><a href="/admin/dummy-brandNewsletter" target="_blank">Brand Dummy</a></span> -->
                </div>
            </div>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Sno</th>
                        <th>Newsletter Type</th>
                        <th>Position For</th>
                        <th>Section Title</th>
                        <th>Category</th>
                        <th>Article</th>
                        <th>Limit</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @php $i=1; @endphp
                    @foreach ($all_data as $val)
                        @php
                            if ($val->newsletter_type == 1) {
                                $news_type = 'Morning Newsletter';
                            } elseif ($val->newsletter_type == 2) {
                                $news_type = 'BrandSync Newsletter';
                            }
                            if ($val->category_id == '- 0') {
                                $cat_detail = 'NA';
                            } else {
                                $cat_detail = $val->category_name . ' - ' . $val->category_id;
                            }
                            if ($val->article_id == '- 0') {
                                $art_detail = 'NA';
                            } else {
                                $art_detail = $val->article_title . ' - ' . $val->article_id;
                            }
                        @endphp
                        @php
                            if ($val->status == 1) {
                                $status = '<a href="' . route('admin.newsletter-status-change', ['id' => $val->id]) . '" style="padding: 3px 7px;font-size: 13px;background: green;" title="Active" class="text-success btn btn-flat btn-default"><i class="fa fa-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Acive"></i></a>';
                            } else {
                                $status = '<a href="' . route('admin.newsletter-status-change', ['id' => $val->id]) . '" style="padding: 3px 7px;font-size: 13px;background: #dd4f4f;" title="Inactive" class="text-danger btn btn-flat btn-default"><i class="fa fa-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Inactive"></i></a>';
                            }
                        @endphp
                        <tr>
                            <td>{{ $i }}</td>
                            <td>{{ $news_type }}</td>
                            <td>{{ $val->position_for }}</td>
                            <td>{{ $val->portion_title }}</td>
                            <td>{{ $cat_detail }}</td>
                            <td>{{ $art_detail }}</td>
                            <td>{{ $val->limit }}</td>
                            <td style="display:inline-flex;">{!! $status !!} &nbsp; <a
                                    href="{{ url('admin/newsletter-manage/?type=edit&id=' . $val->id) }}" title="Edit"
                                    style="padding: 3px 7px;font-size: 13px;" class="btn btn-flat btn-default"><i
                                        data-toggle="tooltip" data-placement="top" title="" class="fa fa-pencil"
                                        data-original-title="Edit"></i></a></td>
                        </tr>
                        @php $i++; @endphp
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("#in_limit").on('keyup', function() {
            var limit = $(this).val();
            var check = /^\d*$/.test(limit);
            if (check == false) {
                $('.save_btn').hide();
                $('.limit_add_error').text('Only number allow');
                return fasle;
            } else {
                $('.save_btn').show();
            }
            if (limit > 4) {
                $('.save_btn').hide();
                $('.limit_add_error').text('Not more than 4');
                return fasle;
            } else if (limit == 0) {
                $('.save_btn').hide();
                $('.limit_add_error').text('0 not allow');
                return fasle;
            } else {
                $('.limit_add_error').text('');
                $('.save_btn').show();
            }

        });

        $("#up_limit").on('keyup', function() {
            var limit = $(this).val();
            var check = /^\d*$/.test(limit);
            if (check == false) {
                $('.up_btn').hide();
                $('.limit_update_error').text('Only number allow');
                return fasle;
            } else {
                $('.up_btn').show();
            }
            if (limit > 4) {
                $('.up_btn').hide();
                $('.limit_update_error').text('Not more than 4');
                return fasle;
            } else if (limit == 0) {
                $('.up_btn').hide();
                $('.limit_update_error').text('0 not allow');
                return fasle;
            } else {
                $('.limit_update_error').text('');
                $('.up_btn').show();
            }

        });

    });
</script>