@extends('Admin.layout')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-1">
    <div class="d-flex align-items-center">
        <h5 class="mb-0">
            <a
                href="{{ route('news') }}"
                class="btn btn-icon bg-white waves-effect me-2"
                style="box-shadow: 0px 9px 12px -2px #66328E1F;"
            >
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="#000"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                    <path d="M15 6l-6 6l6 6"/>
                </svg>
            </a>

            Create News
        </h5>
    </div>
</div>

<div class="card p-4 mt-4">

    <h6>Create News</h6>

    <form
        action="{{ route('add_news') }}"
        method="POST"
        id="newsForm"
    >

        @csrf

        <div class="row">

            <div class="col-lg-6 mb-3">

                <label class="form-label">
                    From Date
                </label>

                <input
                    type="date"
                    name="from_date"
                    class="form-control @error('from_date') is-invalid @enderror"
                    value="{{ old('from_date') }}"
                    required
                >

                @error('from_date')
                    <div class="invalid-feedback">
                        {{ $message }}
                    </div>
                @enderror

            </div>

            <div class="col-lg-6 mb-3">

                <label class="form-label">
                    To Date
                </label>

                <input
                    type="date"
                    name="to_date"
                    class="form-control @error('to_date') is-invalid @enderror"
                    value="{{ old('to_date') }}"
                    required
                >

                @error('to_date')
                    <div class="invalid-feedback">
                        {{ $message }}
                    </div>
                @enderror

            </div>

            <div class="col-lg-12 mb-3">

                <label class="form-label">
                    News Description
                </label>

                <textarea
                    name="news_description"
                    class="form-control @error('news_description') is-invalid @enderror"
                    rows="5"
                    placeholder="Enter news description"
                    required
                >{{ old('news_description') }}</textarea>

                @error('news_description')
                    <div class="invalid-feedback">
                        {{ $message }}
                    </div>
                @enderror

            </div>

        </div>

        <div class="d-flex mt-3">

            <button
                type="button"
                class="btn btn-primary me-3"
                id="finalSubmit"
            >
                Create News
            </button>

            <a
                href="{{ route('news') }}"
                class="btn btn-outline-secondary"
            >
                Cancel
            </a>

        </div>

    </form>

</div>

<script>
document
    .getElementById('finalSubmit')
    .addEventListener('click', function(e) {

        e.preventDefault();

        this.disabled = true;
        this.innerText = 'Processing...';

        document
            .getElementById('newsForm')
            .submit();
    });
</script>

@endsection