@extends('backend.template')
@section('content')
    <div class='card'>
        <div class='card-header d-flex justify-content-between align-items-center'>
            <h2 class="">{{ label('Add News') }}</h2>
            <?php createButton('btn-primary btn-cancel', '', 'Cancel', route('news.index')); ?>

        </div>
        <div class='card-body'>
            <form action="{{ route('news.store') }}" id="storeCustomForm" method="POST">
                @csrf
                <div class="row">
                    <div class="col-xl-9 mb-3 ">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-6 col-lg-6 col-md-6">
                                        {{ createCustomSelect('tbl_economies', 'title', 'economy_id', '', 'Economies Id', 'economics_id', 'form-control select2', 'status<>-1') }}
                                    </div>
                                    <div class="col-6 col-lg-6 col-md-6">
                                        {{ createCustomSelect('tbl_provinces', 'title', 'province_id', '', 'Provinces Id', 'provinces_id', 'form-control select2', 'status<>-1') }}
                                    </div>
                                    <div class="col-6 col-lg-6 col-md-6">
                                        {{ createCustomSelect('tbl_news_type', 'title', 'news_type_id', '', 'News Type Id', 'news_type_id', 'form-control select2', 'status<>-1') }}
                                    </div>
                                    <div class="col-6 col-lg-6 col-md-6">
                                        {{ createCustomSelect('tbl_authors', 'title', 'author_id', '', 'Authors Id', 'authors_id', 'form-control select2', 'status<>-1') }}
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title mb-0">News</h4>
                            </div>
                            <div class="card-body">
                                <div class="col-lg-12">
                                    {{ createText('title', 'title', 'Title') }}
                                </div>
                                <div class="col-lg-12 pb-2">
                                    {{ createText('nepali_title', 'nepali_title', 'Nepali Title') }}
                                </div>
                                <div class="col-lg-12 pb-2">
                                    {{ createPlainTextArea('short_description', 'short_description', 'Short Description') }}
                                </div>
                                <div class="col-lg-12 pb-2">
                                    {{ createTextarea('content', 'content ckeditor-classic', 'Content') }}
                                </div>
                            </div>
                        </div>
                        <?php createButton('btn-primary btn-store', '', 'Submit'); ?>
                        <?php createButton('btn-primary btn-cancel', '', 'Cancel', route('news.index')); ?>

                    </div>
                    <div class="col-xl-3">
                        <div class="card">
                            <div class="card-body">
                                {{ createCustomSelect('tbl_newscategories', 'title', 'category_id', '', 'Newscategories Id', 'newscategories_id', 'form-control select2', 'status<>-1') }}
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title mb-0">Cover Photo</h4>
                            </div>
                            <div class="card-body">
                                {{ createImageInput('thumb', 'Thumb') }}
                                <div class="border mt-3 border-dashed"></div>
                                {{ createImageInput('image', 'Image') }}
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title mb-0">Status</h4>
                            </div>
                            <div class="card-body">
                                <div class="form-check form-switch form-switch-lg form-switch-success mb-3" dir="ltr">
                                    <input type="checkbox" class="form-check-input" id="customSwitchsizelg"
                                        name="status" checked="">
                                    <label class="form-check-label" for="customSwitchsizelg">Active</label>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title mb-0">Featured News</h4>
                            </div>
                            <div class="card-body">
                                <div class="form-check form-switch form-switch-lg form-switch-success mb-3" dir="ltr">
                                    <input type="checkbox" class="form-check-input" id="customSwitchsizelg"
                                        name="featured_news" checked="">
                                    <label class="form-check-label" for="customSwitchsizelg">Active</label>
                                </div>
                            </div>
                            <div class="card-footer">
                                <?php createButton('btn-primary btn-store', '', 'Submit'); ?>
                                <?php createButton('btn-primary btn-cancel', '', 'Cancel', route('news.index')); ?>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection