@extends('admin.layouts.app')

@section('title', 'Yeni Müşteri Yorumu')
@section('header', 'Yeni Müşteri Yorumu')

@section('content')
    <div class="card">
        <div class="card-header">
            <div class="float-right">
                <a href="{{ route('admin.testimonials.index') }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Geri Dön
                </a>
            </div>
        </div>
        <div class="card-body">
            <form action="{{ route('admin.testimonials.store') }}" method="POST">
                @csrf

                <div class="form-group">
                    <label for="customer_name">Müşteri Adı <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('customer_name') is-invalid @enderror"
                           id="customer_name" name="customer_name" value="{{ old('customer_name') }}" required>
                    @error('customer_name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="city">Şehir</label>
                    <input type="text" class="form-control @error('city') is-invalid @enderror"
                           id="city" name="city" value="{{ old('city') }}">
                    @error('city')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="rating">Puan <span class="text-danger">*</span></label>
                    <div class="rating">
                        @for($i = 5; $i >= 1; $i--)
                            <input type="radio" id="star{{ $i }}" name="rating" value="{{ $i }}"
                                   {{ old('rating', 5) == $i ? 'checked' : '' }} required>
                            <label for="star{{ $i }}">
                                <i class="fas fa-star"></i>
                            </label>
                        @endfor
                    </div>
                    @error('rating')
                        <div class="text-danger">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="content">Yorum <span class="text-danger">*</span></label>
                    <textarea class="form-control @error('content') is-invalid @enderror"
                              id="content" name="content" rows="4" required>{{ old('content') }}</textarea>
                    @error('content')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> Kaydet
                </button>
            </form>
        </div>
    </div>
@endsection

@push('styles')
    <style>
        .rating {
            display: inline-flex;
            flex-direction: row-reverse;
            gap: 0.5rem;
        }
        .rating input {
            display: none;
        }
        .rating label {
            cursor: pointer;
            color: #ddd;
            font-size: 1.5rem;
            margin: 0;
        }
        .rating input:checked ~ label,
        .rating label:hover,
        .rating label:hover ~ label {
            color: #ffc107;
        }
        .rating input:checked + label:hover,
        .rating input:checked ~ label:hover,
        .rating input:checked ~ label:hover ~ label,
        .rating label:hover ~ input:checked ~ label {
            color: #ffc107;
        }
    </style>
@endpush