@extends('admin.layouts.master')

@section('page_title', __('admin.Add :name' , ['name' =>  __('admin.News')]))

@section('page_heading', __('admin.Add :name' , ['name' =>  __('admin.News')]))

@section('page_text', __('admin.Add :name' , ['name' =>  __('admin.News')]))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'News')

@section('page_breadcrumb_item2', 'Add News')

@section('css')
    <link rel="stylesheet" href="{{asset('assets_admin/css/flatpickr.min.css')}}">

@endsection
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-flush">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-8">
                            {!! Form::open(array('novalidate'=>'novalidate','id' => 'signupForm', 'route' => 'news.store','method'=>'POST','enctype'=>'multipart/form-data')) !!}
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="type" class="fs-6 fw-semibold mb-2">@lang('admin.ChooseType')</label>
                                {!! Form::select('type',[0 => 'Latest News', 1 => 'Dates For Your Diary'],[], array('class' => 'form-select','data-control'=>"select2")) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="heading" class="fs-6 fw-semibold mb-2">@lang('admin.Heading')</label>
                                {!! Form::text('heading', null, array('required'=>'required','placeholder' => 'Enter Heading','class' => 'form-control')) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="short_summary" class="fs-6 fw-semibold mb-2">@lang('admin.ShortSummary')</label>
                                {!! Form::textarea('short_summary', null, array('required'=>'required','placeholder' => 'Short Summary','class' => 'form-control')) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="main_text" class="fs-6 fw-semibold mb-2">@lang('admin.MainText')</label>
                                {!! Form::textarea('main_text', null, array('required'=>'required','placeholder' => 'Main Text','class' => 'form-control')) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="image" class="fs-6 fw-semibold mb-2">@lang('admin.UploadImage') <span>(optional)</span></label>
                                {!! Form::file('image', null, array('required'=>'required','class' => 'form-control')) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="event_start" class="fs-6 fw-semibold mb-2">@lang('admin.EventStart')</label>
                                <input type="text" name="event_start" class="form-control datetimepicker" required>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="event_end" class="fs-6 fw-semibold mb-2">@lang('admin.EventEnd')</label>
                                <input type="text" name="event_end" class="form-control datetimepicker" required>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="time_display" class="fs-6 fw-semibold mb-2">Display the event time on the site?</label>
                                <div class="col-4 ">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" name="time_display"
                                            value="1">
                                        <label class="form-check-label" for="time_display">
                                            @lang('admin.Time Display') </label>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="evet_message" class="fs-6 fw-semibold mb-2">Send pre-event message? </label>
                                <div class="col-4 ">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" name="evet_message"
                                            value="1">
                                        <label class="form-check-label" for="evet_message">
                                            @lang('admin.Event Message') </label>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="other_option" class="fs-6 fw-semibold mb-2">@lang( 'admin.Other Options')</label>
                                <p>Do you want this post to be seen on the “Important Information” page?</p>
                                <div class="col-12">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" name="important_information"
                                            value="1">
                                        <label class="form-check-label" for="important_information">
                                            Yes, publish to the “Important Information” page too. </label>
                                    </div>
                                </div>
                                <p>Do you want this post to be added to the home page “What’s New” panel?</p>
                                <div class="col-12">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" name="for_homepage"
                                            value="1" checked>
                                        <label class="form-check-label" for="for_homepage">
                                            Yes, add to home page panel </label>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <div class="divider"></div>

                                <div class="clearfix">
                                   
                                    <button type="submit" id="next-btn"
                                            class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                        @lang('admin.Submit')
                                    </button>
                                    <a href="{{ route('news.index') }}" id="prev-btn"
                                       class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                        @lang('admin.Cancel')
                                    </a>
                                </div>
                            </div>
                            {!! Form::close() !!}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
<script src="{{asset('assets_admin/js/flatpickr.js')}}"></script>
<script>
// Datetime
flatpickr('.datetimepicker', {
    enableTime: true
})
</script>
@endsection