@extends('layouts.admin')

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

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

@section('content')
    <div class="card data-card">
        <div class="card-body">
            <form method="POST" action="{{ route('admin.portfolios.store') }}" class="row g-3">
                @csrf

                <div class="col-md-6">
                    <label for="name" class="form-label">Name *</label>
                    <input id="name" name="name" type="text" value="{{ old('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') == $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') }}</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') }}" required placeholder="/assets/img/portfolio/main.jpg" 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') }}" required placeholder="/assets/img/p1.jpg, /assets/img/p2.jpg" 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') }}" placeholder="https://youtu.be/example, https://vimeo.com/example" 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', 'active') === 'active')>Active</option>
                        <option value="inactive" @selected(old('status') === 'inactive')>Inactive</option>
                    </select>
                </div>

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