@extends('layouts.admin')

@section('title', 'Edit Portfolio')
@section('page_heading', 'Edit Portfolio')

@section('page_actions')
    <a href="{{ route('admin.portfolios.index') }}" class="btn btn-outline-secondary">Back to Portfolios</a>
@endsection

@section('content')
    <div class="row g-4">
        <div class="col-12">
            <div class="card data-card">
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.portfolios.update', $portfolio) }}" class="row g-3">
                        @csrf
                        @method('PUT')

                        <div class="col-md-6">
                            <label for="name" class="form-label">Name *</label>
                            <input id="name" name="name" type="text" value="{{ old('name', $portfolio->name) }}" required class="form-control">
                        </div>

                        <div class="col-md-6">
                            <label for="service_id" class="form-label">Service</label>
                            <select id="service_id" name="service_id" class="form-select">
                                <option value="">- None -</option>
                                @foreach ($services as $service)
                                    <option value="{{ $service->id }}" @selected(old('service_id', $portfolio->service_id) == $service->id)>
                                        {{ $service->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-12">
                            <label for="description" class="form-label">Description</label>
                            <textarea id="description" name="description" rows="5" class="form-control">{{ old('description', $portfolio->description) }}</textarea>
                        </div>

                        <div class="col-12">
                            <label for="featured_image" class="form-label">Featured Image URL/Path *</label>
                            <input id="featured_image" name="featured_image" type="text" value="{{ old('featured_image', $portfolio->featured_image) }}" required class="form-control">
                        </div>

                        <div class="col-12">
                            <label for="gallery" class="form-label">Gallery URLs/Paths *</label>
                            <input id="gallery" name="gallery" type="text" value="{{ old('gallery', $portfolio->gallery) }}" required class="form-control">
                            <div class="form-text">Use comma-separated values.</div>
                        </div>

                        <div class="col-12">
                            <label for="videos" class="form-label">Video URLs</label>
                            <input id="videos" name="videos" type="text" value="{{ old('videos', $portfolio->videos) }}" class="form-control">
                            <div class="form-text">Optional. Use comma-separated values.</div>
                        </div>

                        <div class="col-md-6">
                            <label for="status" class="form-label">Status *</label>
                            <select id="status" name="status" class="form-select">
                                <option value="active" @selected(old('status', $portfolio->status) === 'active')>Active</option>
                                <option value="inactive" @selected(old('status', $portfolio->status) === 'inactive')>Inactive</option>
                            </select>
                        </div>

                        <div class="col-12 d-flex justify-content-end">
                            <button type="submit" class="btn btn-primary">Update Portfolio</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-12">
            <div class="card border-danger">
                <div class="card-body">
                    <h2 class="h6 text-danger">Danger Zone</h2>
                    <p class="text-muted mb-3">Deleting a portfolio is permanent and cannot be undone.</p>
                    <form action="{{ route('admin.portfolios.destroy', $portfolio) }}" method="POST" onsubmit="return confirm('Delete this portfolio?');">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger">Delete Portfolio</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection