@extends('admin.admin_dashboard')
@section('admin')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

<div class="page-content">
    <!--breadcrumb-->
    <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> 
        <div class="ps-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 p-0">

                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}"> <i class="bx bx-home-alt"></i> </a>
                    </li>

                    <li class="breadcrumb-item active" aria-current="page"> Add Testimonial </li>
                </ol>
            </nav>
        </div>


        <div class="ms-auto">
            <div class="btn-group">
               <a href="{{ route('all.testimonial') }}" class="btn btn-light px-5"> Back </a>  
            </div>
        </div>

    </div>
    <!--end breadcrumb-->
    

    <div class="card">
        <div class="card-body p-4">
            <h5 class="mb-4">Add Testimonial </h5>

            
            <form id="myForm" action="{{ route('store.testimonial') }}" method="post" class="row g-3" enctype="multipart/form-data">
                @csrf

                <div class="form-group col-md-6">
                    <label for="input1" class="form-label"> Full Name </label>
                    <input type="text" name="testimonial_name" class="form-control" value="{{ old('testimonial_name') }}">

                    @error('testimonial_name')
                      <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>


                <div class="col-md-6">
                </div>



                <div class="form-group col-md-6">
                    <label for="input1" class="form-label"> Country </label>
                    <input type="text" name="testimonial_country" class="form-control" value="{{ old('testimonial_country') }}">

                    @error('testimonial_country')
                      <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>


                <div class="col-md-6">
                </div>




                <div class="form-group col-md-10 my-3">
                    <label for="input1" class="form-label"> Testimonial Text </label>
                    <textarea id="elm1" name="testimonial_text">  {{ old('testimonial_text') }} </textarea>

                    @error('testimonial_text')
                      <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>


                <div class="col-md-2">
                </div>

                
               

                <div class="form-group col-md-6">
                    <label for="input2" class="form-label"> Testimonial  Image </label>
                    <input class="form-control" name="testimonial_image" type="file" id="image">

                    @error('testimonial_image')
                      <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>


                <div class="col-md-6"> 

                    <img id="showImage" src="{{ url('upload/no_image.jpg')}}" alt="Image" class="p-1 bg-primary" width="80"> 

                </div>



                <div class="col-md-12 my-3">

                    <div class="d-md-flex d-grid align-items-center gap-3">
                      
                        <button type="submit" class="btn btn-primary px-4"> Save Changes </button>

                    </div>
                </div>

            </form>

        </div>
    </div>




</div>




@endsection