@extends('layouts.admin')
@section('content')
    <x-admin.page-hero
            title="Create Customer Feedback"
            displayButton="yes"
            buttonContent="All Feedback"
            buttonLink="{{ route('admin.customer-feedback.index') }}"
    />

    <section class="pageMain div container">
        <div class="row">
            <div class="col-12">
                <form action="{{ route('admin.customer-feedback.store') }}" method="post">
                    @csrf
                    <div class="row">
                        <div class="col-12">
                            <label for="">Title</label>
                            <input type="text" name="title" id="title" value="{{ old('title') }}">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <label for="">Content *</label>
                            <textarea name="the_content" id="the_content" cols="30" rows="10" class="tinyEditor">{{ old('the_content') }}</textarea>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3">
                            <label for="">Author</label>
                            <input type="text" name="author" id="author" value="{{ old('author') }}">
                        </div>
                        <div class="col-md-3">
                            <label for="">Date</label>
                            <input type="date" name="date" id="date" value="{{ old('date') }}">
                        </div>
                        <div class="col-md-3">
                            <label for="">Star Rating</label>
                            <select name="star_rating" id="star_rating" required>
                                <option value="1">1 Star</option>
                                <option value="2">2 Stars</option>
                                <option value="3">3 Stars</option>
                                <option value="4">4 Stars</option>
                                <option value="5">5 Stars</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label for="">Approved *</label>
                            <select name="approved" id="approved">
                                <option value="0">Not approved</option>
                                <option value="1">Approved</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 d-flex justify-content-end">
                            <button type="submit" class="solidGoldBtn">Save</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection