@extends('backend.layouts.app')
@section('title', localize_uc('add_new_news'))
@push('css')
    <link href="{{ asset('backend/assets/plugins/Bootstrap-5-Tag-Input/tagsinput.css') }}" rel="stylesheet">
@endpush

@section('content')
    @include('backend.layouts.common.message')
    <div class="card mb-4">
        <div class="card-header">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h6 class="fs-17 fw-semi-bold mb-0">{{ localize_uc('add_new_news') }}</h6>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="table_customize">
                <form action="{{ route('news.store') }}" class="needs-validation" data="showCallBackData" id="newsDetailsForm"
                    novalidate="" method="POST" enctype="multipart/form-data">
                    @csrf

                    @include('news::form')

                    <div class="row row ps-4 pe-4">
                        <div class="col-md-12 mt-3 text-start">
                            <button type="reset" class="btn btn-danger-soft" title="{{ localize('reset') }}">
                                <i class="fa fa-undo-alt"></i>
                            </button>
                            <button type="submit" class="btn btn-danger">
                                {{ localize('save') }}
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </div>

    <input type="hidden" id="image_up" value="{{ route('page.ckeditor_upload', ['_token' => csrf_token()]) }}">

    <x-common-modal modalId="report_modal" :modalTitle="localize('Reporter')" modalDialog="modal-md">
        <form action="{{ route('news.storeReport') }}" method="post" class="needs-validation" data="showCallBackReportData"
            novalidate="">
            @csrf
            <div class="row">
                <div class="col-md-12">
                    <div class="row form-group">
                        <div class="col-sm-12 col-md-12 col-xl-12">
                            <label for="name" class="col-form-label fw-semibold">{{ localize_uc('name') }} <span
                                    class="text-danger">*</span> </label>
                            <input type="text" name="name" id="name"
                                class="form-control @error('name') is-invalid @enderror"
                                placeholder="{{ localize_uc('enter_reporter_name') }}" value="{{ old('name') }}" required>
                            <div class="invalid-feedback error text-danger m-2">
                                @error('name')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="row form-group">
                        <div class="col-sm-12 col-md-12 col-xl-12">
                            <label for="designation" class="col-form-label fw-semibold">{{ localize_uc('designation') }}
                                <span class="text-danger">*</span> </label>
                            <input type="text" name="designation" id="designation"
                                class="form-control @error('designation') is-invalid @enderror"
                                placeholder="{{ localize_uc('enter_designation') }}" value="{{ old('designation') }}"
                                required>
                            <div class="invalid-feedback error text-danger m-2">
                                @error('designation')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="row form-group">
                        <div class="col-sm-12 col-md-12 col-xl-12">
                            <label for="photo" class="col-form-label fw-semibold">
                                {{ localize_uc('photo') }}
                            </label>
                            <input type="file" name="photo" id="photo"
                                class="form-control @error('photo') is-invalid @enderror"
                                placeholder="{{ localize_uc('enter_photo') }}" value="{{ old('photo') }}"
                                accept="image/*" />
                            <div class="invalid-feedback error text-danger m-2">
                                @error('photo')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-flex flex-row gap-3 py-3">
                <button type="reset" class="btn btn-danger-soft w-25" title="{{ localize('Reset') }}">
                    <i class="fa fa-undo-alt"></i>
                </button>
                <button type="submit" class="btn btn-danger w-75"
                    id="blogFormActionBtn">{{ localize('Create') }}</button>
            </div>
        </form>
    </x-common-modal>

@endsection

@push('js')
    <script src="{{ asset('backend/assets/plugins/Bootstrap-5-Tag-Input/tagsinput.js') }}"></script>
    <script src="{{ module_asset('News/js/news.js') }}"></script>
@endpush