@extends('layouts.admin')

@section('title', 'ویرایش نمونه کار')

@section('content')
    <div class="container-fluid">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h1 class="h3 mb-0">ویرایش نمونه کار</h1>
            <a href="{{ route('admin.portfolios.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-right ms-2"></i>
                بازگشت به لیست
            </a>
        </div>

        @if(session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <div class="card">
            <div class="card-body">
                <form action="{{ route('admin.portfolios.update', $portfolio->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="row">
                        <div class="col-md-8">
                            {{-- عنوان --}}
                            <div class="mb-3">
                                <label for="title" class="form-label">عنوان پروژه</label>
                                <input type="text"
                                       class="form-control @error('title') is-invalid @enderror"
                                       id="title"
                                       name="title"
                                       value="{{ old('title', $portfolio->title) }}"
                                       required>
                                @error('title')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- توضیحات --}}
                            <div class="mb-3">
                                <label for="description" class="form-label">توضیحات</label>
                                <textarea class="form-control @error('description') is-invalid @enderror"
                                          id="description"
                                          name="description"
                                          rows="5"
                                          required>{{ old('description', $portfolio->description) }}</textarea>
                                @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- ویژگی‌ها (خطی) --}}
                            <div class="mb-3">
                                <label for="features" class="form-label">ویژگی‌ها (هر خط یک مورد)</label>
                                <textarea class="form-control @error('features') is-invalid @enderror"
                                          id="features"
                                          name="features"
                                          rows="3">{{ old('features', is_array($portfolio->features) ? implode("\n", $portfolio->features) : '') }}</textarea>
                                @error('features')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="text-muted">اگر قبلاً به صورت آرایه ذخیره شده، این‌جا به صورت خطی نمایش داده می‌شود.</small>
                            </div>

                            {{-- چالش‌ها (خطی) --}}
                            <div class="mb-3">
                                <label for="challenges" class="form-label">چالش‌ها (هر خط یک مورد)</label>
                                <textarea class="form-control @error('challenges') is-invalid @enderror"
                                          id="challenges"
                                          name="challenges"
                                          rows="3">{{ old('challenges', is_array($portfolio->challenges ?? []) ? implode("\n", $portfolio->challenges) : '') }}</textarea>
                                @error('challenges')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror>
                            </div>

                            {{-- نتایج (خطی) --}}
                            <div class="mb-3">
                                <label for="results" class="form-label">نتایج (هر خط یک مورد)</label>
                                <textarea class="form-control @error('results') is-invalid @enderror"
                                          id="results"
                                          name="results"
                                          rows="3">{{ old('results', is_array($portfolio->results ?? []) ? implode("\n", $portfolio->results) : '') }}</textarea>
                                @error('results')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror>
                            </div>
                        </div>

                        <div class="col-md-4">
                            {{-- مشتری --}}
                            <div class="mb-3">
                                <label for="client" class="form-label">مشتری</label>
                                <input type="text"
                                       class="form-control @error('client') is-invalid @enderror"
                                       id="client"
                                       name="client"
                                       value="{{ old('client', $portfolio->client) }}">
                                @error('client')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- دسته‌بندی --}}
                            <div class="mb-3">
                                <label for="category" class="form-label">دسته‌بندی</label>
                                <select class="form-select @error('category') is-invalid @enderror"
                                        id="category"
                                        name="category"
                                        required>
                                    @php
                                        $cats = ['طراحی وب','توسعه وب','اپلیکیشن موبایل','طراحی UI/UX'];
                                        $selectedCat = old('category', $portfolio->category);
                                    @endphp
                                    <option value="">انتخاب دسته‌بندی</option>
                                    @foreach($cats as $c)
                                        <option value="{{ $c }}" {{ $selectedCat === $c ? 'selected' : '' }}>{{ $c }}</option>
                                    @endforeach
                                </select>
                                @error('category')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- تاریخ تکمیل --}}
                            <div class="mb-3">
                                <label for="completion_date" class="form-label">تاریخ تکمیل</label>
                                <input type="date"
                                       class="form-control @error('completion_date') is-invalid @enderror"
                                       id="completion_date"
                                       name="completion_date"
                                       value="{{ old('completion_date', optional($portfolio->completion_date)->format('Y-m-d')) }}">
                                @error('completion_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- تکنولوژی‌ها (select2) --}}
                            <div class="mb-3">
                                <label for="technologies" class="form-label">تکنولوژی‌ها</label>
                                @php
                                    $allTechs = ['HTML5','CSS3','JavaScript','Vue.js','React','Laravel','PHP','MySQL','MongoDB','Node.js','Docker','AWS'];
                                    $selectedTechs = old('technologies', (array)($portfolio->technologies ?? []));
                                @endphp
                                <select class="form-select @error('technologies') is-invalid @enderror"
                                        id="technologies"
                                        name="technologies[]"
                                        multiple>
                                    @foreach($allTechs as $t)
                                        <option value="{{ $t }}" {{ in_array($t, $selectedTechs) ? 'selected' : '' }}>{{ $t }}</option>
                                    @endforeach
                                </select>
                                @error('technologies')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- URL پروژه --}}
                            <div class="mb-3">
                                <label for="project_url" class="form-label">آدرس پروژه</label>
                                <input type="url"
                                       class="form-control @error('project_url') is-invalid @enderror"
                                       id="project_url"
                                       name="project_url"
                                       value="{{ old('project_url', $portfolio->project_url) }}">
                                @error('project_url')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- تصویر شاخص (پیش‌نمایش + امکان جایگزینی) --}}
                            <div class="mb-3">
                                <label class="form-label d-block">تصویر شاخص</label>
                                @php
                                    $thumbUrl = method_exists($portfolio,'getFirstMediaUrl') ? $portfolio->getFirstMediaUrl('thumbnail') : null;
                                @endphp
                                @if($thumbUrl)
                                    <div class="mb-2">
                                        <img src="{{ $thumbUrl }}" alt="thumbnail" class="img-fluid rounded border" style="max-height:140px">
                                    </div>
                                @endif
                                <input type="file"
                                       class="form-control @error('thumbnail') is-invalid @enderror"
                                       id="thumbnail"
                                       name="thumbnail"
                                       accept="image/*">
                                @error('thumbnail')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                @if($thumbUrl)
                                    <div class="form-check mt-2">
                                        <input class="form-check-input" type="checkbox" value="1" id="remove_thumbnail" name="remove_thumbnail">
                                        <label class="form-check-label" for="remove_thumbnail">حذف تصویر شاخص فعلی</label>
                                    </div>
                                @endif
                            </div>

                            {{-- گالری (پیش‌نمایش + حذف چندتایی + آپلود جدید) --}}
                            <div class="mb-3">
                                <label class="form-label d-block">گالری تصاویر</label>
                                @php
                                    $gallery = method_exists($portfolio,'getMedia') ? $portfolio->getMedia('gallery') : collect();
                                @endphp
                                @if($gallery->count())
                                    <div class="row g-2 mb-2">
                                        @foreach($gallery as $media)
                                            <div class="col-4">
                                                <div class="border rounded p-1 h-100 d-flex flex-column">
                                                    <img src="{{ $media->getUrl('thumb') ?: $media->getUrl() }}" class="img-fluid rounded" alt="gallery">
                                                    <div class="form-check mt-2">
                                                        <input class="form-check-input" type="checkbox" name="remove_gallery_ids[]" value="{{ $media->id }}" id="rm{{ $media->id }}">
                                                        <label class="form-check-label small" for="rm{{ $media->id }}">حذف</label>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                @endif

                                <input type="file"
                                       class="form-control @error('gallery') is-invalid @enderror"
                                       id="gallery"
                                       name="gallery[]"
                                       accept="image/*"
                                       multiple>
                                @error('gallery')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                @error('gallery.*')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- وضعیت‌ها --}}
                            <div class="mb-3">
                                <div class="form-check">
                                    <input type="checkbox"
                                           class="form-check-input @error('is_active') is-invalid @enderror"
                                           id="is_active"
                                           name="is_active"
                                           value="1"
                                        {{ old('is_active', $portfolio->is_active) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_active">فعال</label>
                                    @error('is_active')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="mb-3">
                                <div class="form-check">
                                    <input type="checkbox"
                                           class="form-check-input @error('is_featured') is-invalid @enderror"
                                           id="is_featured"
                                           name="is_featured"
                                           value="1"
                                        {{ old('is_featured', $portfolio->is_featured) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_featured">نمونه کار ویژه</label>
                                    @error('is_featured')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="text-end mt-4">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save ms-2"></i>
                            بروزرسانی نمونه کار
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    @push('scripts')
        <script>
            $(document).ready(function() {
                $('#technologies').select2({
                    placeholder: 'تکنولوژی‌ها را انتخاب کنید',
                    allowClear: true,
                    dir: 'rtl'
                });
            });
        </script>
    @endpush
@endsection