@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Website Services</h1>
    {{-- <small>Manage Website Services</small> --}}
@stop

@section('content')
    <div class="card card-dark">
        <div class="card-header">
            <h3 class="card-title">Edit Website Services</h3>
        </div>

        <form method="POST" id="edit_web_service" role="form"
            action="{{ route('website.testimonial.update', $testimonial->id) }}" enctype="multipart/form-data"
            class="jqueryValidation">
            @csrf
            @method('PATCH')

            <div class="card-body">

                <div class="form-group">
                    <label for="name">Name</label>
                    <x-adminlte-input class="form-control" id="name" name="name" placeholder="Enter Name"
                        value="{{ old('name') ?? $testimonial->name }}" required />
                </div>

                <div class="form-group">
                    <label for="testimonial_image">Image</label>
                    @if ($testimonial->getFirstMedia('testimonial_image'))
                        <div>
                            <!-- Display the current logo -->
                            <img src="{{ $testimonial->getFirstMediaUrl('testimonial_image') }}" alt="Image"
                                width="100">
                        </div>
                    @endif

                    <x-adminlte-input class="form-control" id="testimonial_image" name="testimonial_image" type="file"
                        placeholder="Upload new Image" />
                </div>
                <div class="form-group">
                    <label for="description">Description</label>
                    <x-adminlte-textarea class="form-control" id="description" name="description"
                        placeholder="Enter Description" required>
                        {{ old('description', $testimonial->description ?? '') }}
                    </x-adminlte-textarea>
                </div>
                <div class="form-group">
                    <label for="designation">Designation</label>
                    <x-adminlte-input class="form-control" id="designation" name="designation"
                        placeholder="Enter Designation" value="{{ old('designation', $testimonial->designation ?? '') }}"
                        required />
                </div>
                <div class="form-group">
                    <label for="company">Company</label>
                    <x-adminlte-input class="form-control" id="company" name="company" placeholder="Enter Company"
                        value="{{ old('company') ?? $testimonial->company }}" required />
                </div>
                <div class="card-footer d-flex justify-content-end">
                    <a href="{{ route('website.testimonial', ['id' => $testimonial]) }}"
                        class="btn btn-danger mx-1">Cancel</a>
                    <button type="submit" class="btn btn-dark mx-1">Update</button>
                </div>
            </div>
        </form>
    </div>
@stop
@push('js')
@endpush