@extends('admin.dashboard.layouts.app')
@section('main')
<div class="content-wrapper">
    <section class="content-header">
        <h1>Edit Service</h1>
    </section>
    <section class="content">
        <!-- Add the action attribute with the correct route -->
<form method="POST" action="{{ route('service-data.update', $service_data) }}" enctype="multipart/form-data">
    @csrf
    @method('PUT')
     
            
            <div class="form-group">
                <label for="name">Service Name</label>
                <input type="text" name="name" class="form-control" value="{{ old('name', $service_data->name) }}" required>
                @error('name') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            
            <div class="form-group">
                <label for="description">Description (Optional)</label>
                <textarea name="description" class="form-control" rows="3">{{ old('description', $service_data->description) }}</textarea>
                @error('description') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            
            <div class="form-group">
                <label for="photo">Service Photo</label>
                <input type="file" name="photo" class="form-control" accept="image/*">
                @error('photo') <span class="text-danger">{{ $message }}</span> @enderror
                                <small class="text-danger"> *  size 600*400, max size 2MB</small>

                
                @if($service_data->photo)
                    <div class="mt-2">
                        <p>Current Photo:</p>
                        <img src="{{ asset('storage/' . $service_data->photo) }}" width="150" height="150" style="object-fit:cover;" class="img-thumbnail">
                    </div>
                @endif
            </div>
            
            <button type="submit" class="btn btn-primary">Update</button>
            <a href="{{ route('service-data.index') }}" class="btn btn-secondary">Cancel</a>
        </form>
    </section>
</div>
@endsection