@extends('backend.layout.layouts')

@section('content')
    <div class="container mx-auto">
        <div class="container">
            <div class="flex justify-between my-10">
                <h2 class="text-2xl ">Add Testimonials</h2>

            </div>



            <form action="{{ route('testimonials.store') }}" method="POST" enctype="multipart/form-data" class="p-4">
                @csrf
                <div class="space-y-4">



                    <div class="form-group">
                        <label for="customer_name" class="block text-sm font-medium text-gray-700">Customer Name</label>
                        <input type="text"
                            class="block w-full px-3 py-2 mt-1 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm @error('customer_name') border-red-500 @enderror"
                            id="customer_name" name="customer_name" value="{{ old('customer_name') }}" required>
                        @error('customer_name')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="testimony" class="block text-sm font-medium text-gray-700">Testimony</label>
                        <input type="text"
                            class="block w-full px-3 py-2 mt-1 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm @error('testimony') border-red-500 @enderror"
                            id="testimony" name="testimony" value="{{ old('testimony') }}" required>
                        @error('testimony')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="picture" class="block text-sm font-medium text-gray-700">Picture</label>
                        <input type="file"
                            class="block w-full px-3 py-2 mt-1 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm @error('picture') border-red-500 @enderror"
                            id="picture" name="picture">
                        @error('picture')
                            <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
                <div class="flex justify-end p-4 bg-gray-200 border-t">
                    <button type="button" class="mr-2 btn btn-secondary" data-dismiss="modal"
                        onclick="closeModal('addProductModal')">Close</button>
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
        @endsection