@extends('admin.layouts.master')

@section('page-title', 'Edit Portofolio')

@section('content')
<div class="row">
    <div class="col-lg-9">
        <form action="{{ route('admin.portfolios.update', $portfolio->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="card-admin">
                <div class="card-header-admin">
                    <h5 class="mb-0">Edit Portofolio</h5>
                </div>
                <div class="card-body-admin">
                    <div class="row g-3">
                        <div class="col-md-8">
                            <label class="form-label">Judul Proyek *</label>
                            <input type="text" name="title" class="form-control form-control-admin" value="{{ old('title', $portfolio->title) }}" required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Tanggal Selesai *</label>
                            <input type="date" name="completion_date" class="form-control form-control-admin" value="{{ old('completion_date', optional($portfolio->completion_date)->format('Y-m-d')) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Nama Klien *</label>
                            <input type="text" name="client_name" class="form-control form-control-admin" value="{{ old('client_name', $portfolio->client_name) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Link Demo</label>
                            <input type="text" name="link_demo" class="form-control form-control-admin" value="{{ old('link_demo', $portfolio->link_demo) }}" placeholder="https://...">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Deskripsi Singkat *</label>
                            <textarea name="short_description" class="form-control form-control-admin" rows="3" required>{{ old('short_description', $portfolio->short_description) }}</textarea>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Deskripsi Lengkap</label>
                            <textarea name="description" class="form-control form-control-admin" rows="8">{{ old('description', $portfolio->description) }}</textarea>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Tech Stack</label>
                            <input type="text" name="tech_stack" class="form-control form-control-admin" value="{{ old('tech_stack', $portfolio->tech_stack) }}" placeholder="Laravel,MySQL,React">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Thumbnail</label>
                            @if($portfolio->thumbnail)
                            <div class="mb-2">
                                <img src="{{ Storage::url($portfolio->thumbnail) }}" alt="{{ $portfolio->title }}" style="max-width: 200px; border-radius: 8px;">
                            </div>
                            @endif
                            <input type="file" name="thumbnail" class="form-control form-control-admin" accept="image/*">
                            <small class="text-muted">Kosongkan jika tidak ingin mengubah thumbnail</small>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Tambah Gambar Galeri</label>
                            <input type="file" name="gallery_images[]" class="form-control form-control-admin" accept="image/*" multiple>
                            <small class="text-muted">Upload satu atau banyak gambar baru untuk slider portofolio.</small>
                        </div>
                        @if($portfolio->galleries->isNotEmpty())
                        <div class="col-md-12">
                            <label class="form-label">Galeri Saat Ini</label>
                            <div class="row g-3">
                                @foreach($portfolio->galleries as $gallery)
                                <div class="col-sm-6 col-lg-4">
                                    <div class="card-admin p-3 h-100">
                                        <img src="{{ Storage::url($gallery->image) }}" alt="{{ $portfolio->title }}" class="img-fluid rounded-3 mb-3" style="height: 180px; object-fit: cover;">
                                        <div class="form-check">
                                            <input type="checkbox" name="remove_gallery_images[]" id="remove_gallery_{{ $gallery->id }}" class="form-check-input" value="{{ $gallery->id }}">
                                            <label for="remove_gallery_{{ $gallery->id }}" class="form-check-label">Hapus gambar ini</label>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        @endif
                        <div class="col-md-6">
                            <div class="form-check mt-2">
                                <input type="checkbox" name="is_featured" id="portfolio_is_featured" class="form-check-input" value="1" @checked(old('is_featured', $portfolio->is_featured))>
                                <label for="portfolio_is_featured" class="form-check-label">Tampilkan sebagai unggulan</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-check mt-2">
                                <input type="checkbox" name="is_active" id="portfolio_is_active" class="form-check-input" value="1" @checked(old('is_active', $portfolio->is_active))>
                                <label for="portfolio_is_active" class="form-check-label">Aktif</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-4">
                <button type="submit" class="btn btn-admin btn-admin-primary">
                    <i class="fa-solid fa-save me-2"></i> Update
                </button>
                <a href="{{ route('admin.portfolios.index') }}" class="btn btn-admin btn-admin-secondary ms-2">Batal</a>
            </div>
        </form>
    </div>
</div>
@endsection