@extends('admin.admin_master')
@section('content-header', $page_header)
@section('content')

    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active">Page</li>
                        </ol>
                    </div>
                    <div class="col-sm-6">
                        <span class="float-right"><a href="{{ route($link . '.index') }}"
                                class="btn btn-sm btn-fill btn-warning">{!! VIEWLIST_ICON !!}</a></span>
                    </div>
                </div>
            </div>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="card card-primary">
                <div class="card-body">
                    <form method="POST" action="{{ route($link . '.store') }}">
                        <div class="row">
                            {{ csrf_field() }}
                            <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <label class="control-label" for="title_en">Title English</label>
                                    <input type="text" class="form-control" id="title_en" name="title_en"
                                        value="{{ old('title_en') }}">
                                    @if ($errors->has('title_en'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('title_en') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="title_np">Title Nepali</label>
                                    <input type="text" class="form-control" id="title_np" name="title_np"
                                        value="{{ old('title_np') }}">
                                    @if ($errors->has('title_np'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('title_np') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <div class="form-group">
                                        <label class="control-label" for="post_summary_en">Post Summary English</label>
                                        <textarea style="height: 130px;" class="form-control" id="post_summary_en" name="post_summary_en">{{ old('post_summary_en') }}</textarea>
                                        @if ($errors->has('post_summary_en'))
                                            <span class="help-block text-danger">
                                                <strong>{{ $errors->first('post_summary_en') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="form-group">
                                        <label class="control-label" for="post_summary_np">Post Summary Nepali</label>
                                        <textarea style="height: 130px;" class="form-control" id="post_summary_np" name="post_summary_np">{{ old('post_summary_np') }}</textarea>
                                        @if ($errors->has('post_summary_np'))
                                            <span class="help-block text-danger">
                                                <strong>{{ $errors->first('post_summary_np') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="description_en">Description English</label>
                                    <br>
                                    <textarea id="my-editor" class="my-editor tinymce" name="description_en" placeholder="Place some text here">{{ old('description_en') }}</textarea>
                                    @if ($errors->has('description_en'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('description_en') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label class="control-label" for="description_np">विस्तृत विवरण </label>
                                    <br>
                                    <textarea id="my-editor_np" class="my-editor tinymce" name="description_np" placeholder="Place some text here">{{ old('description_np') }}</textarea>
                                    @if ($errors->has('description_np'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('description_np') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-3">

                                <div class="form-group">
                                    <label for="category">Choose Category <span class='text-danger'>*</span></label>
                                    <div style="height: 250px; overflow-y: scroll;">
                                        <ul class="list-unstyled">
                                            {{ old('category[]') }}
                                            @if (!empty($categorylist))
                                                @foreach ($categorylist as $cat)
                                                    <br />
<b>Warning</b>:  Undefined variable $cat in <b>/home/nepalmicro/public_html/modules/Posts/Views/create.blade.php</b> on line <b>105</b><br />
<br />
<b>Warning</b>:  Attempt to read property "title" on null in <b>/home/nepalmicro/public_html/modules/Posts/Views/create.blade.php</b> on line <b>105</b><br />
                                                    <label for="">
                                                        <li style="font-size: 12px;" data-id="{{ $service_id }}">
                                                            <input type="checkbox" name="category[]"
                                                                value="{{ $cat->id }}" id='{{ $service_id }}'
                                                                data-slug="{{ $cat->slug }}">
                                                            {{ $cat->title_en . ' / (' . $cat->title_np . ' )' }}
                                                    </label>

                                                    </li>
                                                @endforeach
                                            @endif
                                        </ul>
                                    </div>
                                    @if ($errors->has('category'))
                                        <span class="help-block text-danger">
                                            <strong>{{ $errors->first('category') }}</strong>
                                        </span>
                                    @endif
                                </div>


                                <div class="form-group">
                                    <label class="control-label">Featured Image</label>
                                    <div id="holder" style="margin-top:15px;max-height:100px;"></div>
                                    <input id="thumbnail" class="form-control" type="text" name="image" readonly><br>
                                    <span class="input-group-btn">
                                        <a data-type="image" id="lfm-image" data-input="thumbnail" data-preview="holder"
                                            class="btn btn-info btn-sm fancy">
                                            <i class="fa fa-picture-o"></i> insert image
                                        </a>
                                        <a id="remove_image" class="btn btn-danger btn-sm fancy" onclick="removeImage()">
                                            <i class="fa fa-picture-o"></i> remove image
                                        </a>
                                    </span>
                                </div>
                                {{-- <img id="holder" style="margin-top:15px;max-height:100px;"> --}}

                                <div class="form-group">
                                    <label class="control-label">File</label>
                                    <input id="file" class="form-control" type="text" name="file"
                                        readonly><br>
                                    <span class="input-group-btn">
                                        <a id="lfm-file" data-input="file" class="btn btn-info btn-sm fancy">
                                            <i class="fa fa-picture-o"></i> insert file
                                        </a>
                                        <a id="remove_file" class="btn btn-danger btn-sm fancy" onclick="removeFile()">
                                            <i class="fa fa-picture-o"></i> remove file
                                        </a>
                                    </span>
                                </div>




                                <div class="form-group">
                                    <label for="as_latest_notice">Show as Latest Notice</label>
                                    <select name="as_latest_notice" id="as_latest_notice" class="form-control">
                                        <option value="1">Show</option>
                                        <option value="0" selected>Hide</option>
                                    </select>
                                </div>

 <!-- Popup Selector -->
 <div class="form-group">
    <label for="popup">Show In Popup</label>
    <select name="popup" id="popup" class="form-control">
        <option value="1">Show</option>
        <option value="0" selected>Hide</option>
    </select>
</div>

<!-- Expiry Date (Initially Hidden) -->
<div class="form-group expdate" style="display: none;">
    <label class="control-label" for="expirydate">Popup Expiry Date</label>
    <input type="text" class="form-control datepicker" id="expirydate" name="expirydate" value="{{ old('expirydate') }}" readonly>
</div>

<!-- Big Feature Selector -->
<div class="form-group">
    <label for="big_feature">Big Feature</label>
    <select name="big_feature" id="big_feature" class="form-control">
        <option value="1">Yes</option>
        <option value="0" selected>No</option>
    </select>
</div>

<!-- Feature Selector -->
<div class="form-group">
    <label for="feature">Feature</label>
    <select name="feature" id="feature" class="form-control">
        <option value="1">Yes</option>
        <option value="0" selected>No</option>
    </select>
</div>
<div class="form-group">
    <label for="status">Status</label>
    <select name="status" id="statusid" class="form-control">
        <option value="1">{!! PUBLISH !!}</option>
        <option value="0">{!! UNPUBLISH !!}</option>
    </select>
</div>
<div class="form-group">
    <label class="control-label" for="published_date">Published Date <span
            class="text-danger">*</span></label>
    <input type="text" class="form-control datepicker" id="published_date"
        name="published_date" value="" readonly>
</div>

                                <div class="form-group">
                                    <button id="submit" type="submit"
                                        class="btn btn-success btn-fill btn-sm ">Submit</button>
                                    <button type="reset" class="btn btn-danger btn-fill btn-sm  resetbtn">Clear</button>
                                </div>
                            </div>
                            {{-- <div class="col-md-12">
                            <div class="form-group">
                                <button type="submit" class="btn btn-success btn-fill btn-sm ">Submit</button>
                            </div>
                        </div> --}}
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </div>
@endsection
@push('script')
@push('script')
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
    $(document).ready(function() {
        // Initialize Select2
        $('.select2').select2();

        // Initialize DatePicker
        $('.datepicker').daterangepicker({
            singleDatePicker: true,
            showWeekNumbers: true,
            autoApply: true,
            showDropdowns: true,
            opens: "left",
            locale: {
                format: 'YYYY-MM-DD'
            }
        });

        // Hide expiry date on page load
        toggleExpiryDate();

        // Show expiry date if popup value is 1 (Show)
        $('#popup').change(function() {
            toggleExpiryDate();
        });

        function toggleExpiryDate() {
            if ($('#popup').val() == 1) {
                $('.expdate').show();
            } else {
                $('.expdate').hide();
            }
        }
    });
</script>
@endpush