@extends('layouts.index')
@section('page_title', 'Add New Testimonial')
@section('testimonials_active', 'nav-item active')
@section('pg_name', 'Add New Testimonial')
@section('headaddons')
    <style>
        #regForm {
            background-color: #ffffff;
            margin: 100px auto;
            font-family: Arial, sans-serif;
            padding: 40px;
            width: 70%;
            min-width: 300px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
    </style>
@endsection








@section('content')






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

        <!-- <h1>Add New Testimonial</h1> -->


        @if (session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif

@if (session('error'))
    <div class="alert alert-danger">
        {{ session('error') }}
    </div>
@endif

@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

        <div class="form-group">
            <label for="clientName">Client Name</label>
            <input type="text" id="clientName" name="clientName" class="form-control" required>
        </div>

        <div class="form-group">
            <label for="clientPicture">Client Picture</label>
            <input type="file" id="clientPicture" name="clientPicture" class="form-control" accept="image/*" required>
        </div>

        <div class="form-group">
            <label for="clientTitle">Client Title</label>
            <input type="text" id="clientTitle" name="clientTitle" class="form-control" required>
        </div>

        <div class="form-group">
            <label for="clientContent">Testimonial Content</label>
            <textarea id="clientContent" name="clientContent" class="form-control" rows="4" required></textarea>
        </div>

        <button type="submit" class="btn btn-primary mt-3">Submit</button>
    </form>
@endsection