@extends('admin.master')

@section('content')
<div class="container-fluid py-4">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h3 class="mb-0">Add Review</h3>
        <a href="{{ route('admin.reviews.index') }}" class="btn btn-secondary">
            Back
        </a>
    </div>

    @if($errors->any())
        <div class="alert alert-danger">
            <strong>Whoops!</strong> Please fix the following errors:
            <ul class="mb-0 mt-2">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card shadow-sm">
        <div class="card-body">

            <form action="{{ route('admin.reviews.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <div class="row">

                    <div class="col-md-6 mb-3">
                        <label class="form-label">User Name <span class="text-danger">*</span></label>
                        <input type="text" name="name" value="{{ old('name') }}" class="form-control" placeholder="Enter user name">
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">User Image <span class="text-danger">*</span></label>
                        <input type="file" name="user_img" class="form-control">
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">Star <span class="text-danger">*</span></label>
                        <select name="star" class="form-control">
                            <option value="">Select Star</option>
                            <option value="5" {{ old('star') == 5 ? 'selected' : '' }}>5 Star</option>
                            <option value="4" {{ old('star') == 4 ? 'selected' : '' }}>4 Star</option>
                            <option value="3" {{ old('star') == 3 ? 'selected' : '' }}>3 Star</option>
                            <option value="2" {{ old('star') == 2 ? 'selected' : '' }}>2 Star</option>
                            <option value="1" {{ old('star') == 1 ? 'selected' : '' }}>1 Star</option>
                        </select>
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">Review Date <span class="text-danger">*</span></label>
                        <input type="text" name="date" value="{{ old('date') }}" class="form-control" placeholder="26 May 2025">
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">Helpful People <span class="text-danger">*</span></label>
                        <input type="number" name="people" value="{{ old('people') }}" class="form-control" placeholder="27">
                    </div>

                    <div class="col-md-12 mb-3">
                        <label class="form-label">Review Text <span class="text-danger">*</span></label>
                        <textarea name="review" rows="5" class="form-control" placeholder="Write review text">{{ old('review') }}</textarea>
                    </div>

                    <div class="col-md-8 mb-3">
                        <label class="form-label">Reply</label>
                        <textarea name="reply" rows="3" class="form-control" placeholder="Thanks">{{ old('reply') }}</textarea>
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">Reply Date</label>
                        <input type="text" name="reply_date" value="{{ old('reply_date') }}" class="form-control" placeholder="8 July 2025">
                    </div>

                </div>

                <button type="submit" class="btn btn-primary">
                    Save Review
                </button>

            </form>

        </div>
    </div>
</div>
@endsection