@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">Edit Testimonial</h1>
            @if ($errors->any())
                <div class="mb-4 p-4 rounded bg-red-100 text-red-800 border border-red-200">
                    <ul class="list-disc pl-5">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <form action="{{ route('admin.testimonials.update', $testimonial->id) }}" method="POST" enctype="multipart/form-data" class="space-y-6">
                @csrf
                @method('PUT')
                <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', $testimonial->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', $testimonial->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
                    @if($testimonial->customer_photo)
                        <img src="{{ asset('storage/' . $testimonial->customer_photo) }}" alt="Customer Photo" class="h-20 w-auto mt-2 rounded shadow">
                    @endif
                </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', $testimonial->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
                    @if($testimonial->company_logo)
                        <img src="{{ asset('storage/' . $testimonial->company_logo) }}" alt="Company Logo" class="h-20 w-auto mt-2 rounded shadow">
                    @endif
                </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', $testimonial->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', $testimonial->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', $testimonial->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', $testimonial->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-indigo-600 text-white rounded-lg font-semibold shadow hover:bg-indigo-700 transition">Update Testimonial</button>
                </div>
            </form>
        </div>
    </div>
</section>
@endsection