@extends('master-admin')

@section('content')
<section class="py-8">
    <div class="max-w-2xl mx-auto px-4">
        <div class="bg-white rounded-xl shadow p-8">
            <h1 class="text-2xl font-bold mb-6 text-gray-800">Add Testimonial</h1>
            <form action="{{ route('admin.testimonials.store') }}" method="POST" enctype="multipart/form-data" class="space-y-6">
                @csrf
                <div>
                    <label for="customer_name" class="block text-gray-700 font-medium mb-1">Customer Name</label>
                    <input type="text" name="customer_name" id="customer_name" value="{{ old('customer_name') }}" placeholder="Enter customer's name" required class="block w-full border border-gray-300 rounded-md shadow-sm bg-white text-gray-900 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition @error('customer_name') border-red-500 @enderror">
                    @error('customer_name')
                        <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div>
                    <label for="customer_designation" class="block text-gray-700 font-medium mb-1">Customer Designation</label>
                    <input type="text" name="customer_designation" id="customer_designation" value="{{ old('customer_designation') }}" placeholder="Enter customer's designation" required class="block w-full border border-gray-300 rounded-md shadow-sm bg-white text-gray-900 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition @error('customer_designation') border-red-500 @enderror">
                    @error('customer_designation')
                        <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div>
                    <label for="customer_photo" class="block text-gray-700 font-medium mb-1">Customer Photo</label>
                    <input type="file" name="customer_photo" id="customer_photo" class="block w-full border border-gray-300 rounded-md shadow-sm bg-white text-gray-900 px-3 py-2 file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-semibold file:bg-indigo-50 file:text-indigo-700 hover:file:bg-indigo-100 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition @error('customer_photo') border-red-500 @enderror">
                    @error('customer_photo')
                        <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div>
                    <label for="company_name" class="block text-gray-700 font-medium mb-1">Company Name</label>
                    <input type="text" name="company_name" id="company_name" value="{{ old('company_name') }}" placeholder="Enter company's name" required class="block w-full border border-gray-300 rounded-md shadow-sm bg-white text-gray-900 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition @error('company_name') border-red-500 @enderror">
                    @error('company_name')
                        <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div>
                    <label for="company_logo" class="block text-gray-700 font-medium mb-1">Company Logo</label>
                    <input type="file" name="company_logo" id="company_logo" class="block w-full border border-gray-300 rounded-md shadow-sm bg-white text-gray-900 px-3 py-2 file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-semibold file:bg-indigo-50 file:text-indigo-700 hover:file:bg-indigo-100 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition @error('company_logo') border-red-500 @enderror">
                    @error('company_logo')
                        <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div>
                    <label for="testimonial_content" class="block text-gray-700 font-medium mb-1">Testimonial Content</label>
                    <textarea name="testimonial_content" id="testimonial_content" placeholder="Write the testimonial content" required rows="4" class="block w-full border border-gray-300 rounded-md shadow-sm bg-white text-gray-900 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition @error('testimonial_content') border-red-500 @enderror">{{ old('testimonial_content') }}</textarea>
                    @error('testimonial_content')
                        <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div>
                    <label for="testimonial_heading" class="block text-gray-700 font-medium mb-1">Testimonial Heading</label>
                    <input type="text" name="testimonial_heading" id="testimonial_heading" value="{{ old('testimonial_heading') }}" placeholder="Enter heading for the testimonial" required class="block w-full border border-gray-300 rounded-md shadow-sm bg-white text-gray-900 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition @error('testimonial_heading') border-red-500 @enderror">
                    @error('testimonial_heading')
                        <div class="text-red-500 text-sm mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <div>
                    <label for="display_order" class="block text-gray-700 font-medium mb-1">Display Order</label>
                    <input type="number" name="display_order" id="display_order" value="{{ old('display_order') }}" placeholder="Set the display order" class="block w-full border border-gray-300 rounded-md shadow-sm bg-white text-gray-900 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 placeholder-gray-400 transition">
                </div>
                <div class="flex items-center gap-2">
                    <input type="checkbox" name="is_active" id="is_active" class="h-5 w-5 text-indigo-600 rounded focus:ring-indigo-500" {{ old('is_active') ? 'checked' : '' }}>
                    <label for="is_active" class="text-gray-700 font-medium">Active</label>
                </div>
                <div>
                    <button type="submit" class="w-full md:w-auto px-6 py-3 bg-green-600 text-white rounded-lg font-semibold shadow hover:bg-green-700 transition">Save Testimonial</button>
                </div>
            </form>
        </div>
    </div>
</section>
@endsection