@extends('layouts.app')

@section('title', 'Ortak Alan Yönetimi')

@section('content')
    <div class="container-fluid">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
            <div>
                <h2 class="h4 mb-1">Ortak Alan Yönetimi</h2>
                <p class="text-muted mb-0 small">Ofis ve ortak kullanim alanlarini ekleyin, duzenleyin ve silin.</p>
            </div>
        </div>

        @if (request()->query('saved'))
            <div class="alert alert-success">Ortak alan kaydedildi.</div>
        @elseif (request()->query('updated'))
            <div class="alert alert-success">Ortak alan güncellendi.</div>
        @elseif (request()->query('deleted'))
            <div class="alert alert-success">Ortak alan silindi.</div>
        @elseif (request()->query('error'))
            <div class="alert alert-danger">Işlem sirasinda hata oluştu.</div>
        @endif

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

        @if(!$ready)
            <div class="alert alert-warning">Ortak alan tablosu hazir değil. Migration ?aliştirin.</div>
        @else
            <div class="row g-4">
                <div class="col-12 col-xl-4">
                    <div class="card h-100 shadow-sm border-0">
                        <div class="card-header bg-white py-3">
                            <h5 class="mb-0">{{ $editArea ? 'Ortak Alan Güncelle' : 'Yeni Ortak Alan Ekle' }}</h5>
                        </div>
                        <div class="card-body">
                            <form method="post" action="{{ route('admin.assets.shared-areas.store') }}" class="vstack gap-3">
                                @csrf
                                <input type="hidden" name="id" value="{{ old('id', $editArea ? (int) $editArea->id : '') }}">
                                <input type="hidden" name="q" value="{{ $search }}">

                                <div>
                                    <label class="form-label">Alan Adi</label>
                                    <input type="text" name="name" class="form-control"
                                        value="{{ old('name', $editArea->name ?? '') }}" placeholder="Gorusme Odasi" required>
                                </div>

                                <div>
                                    <label class="form-label">Tip</label>
                                    @php
                                        $selectedType = (string) old('area_type', $editArea->area_type ?? 'common');
                                    @endphp
                                    <select name="area_type" class="form-select" required>
                                        <option value="office" {{ $selectedType === 'office' ? 'selected' : '' }}>Ofis</option>
                                        <option value="common" {{ $selectedType === 'common' ? 'selected' : '' }}>Ortak Kullanim</option>
                                    </select>
                                </div>

                                <div>
                                    <label class="form-label">Kod (Opsiyonel)</label>
                                    <input type="text" name="code" class="form-control"
                                        value="{{ old('code', $editArea->code ?? '') }}" placeholder="COMMON-SECURITY">
                                </div>

                                <div>
                                    <label class="form-label">Açıklama</label>
                                    <textarea name="description" rows="3" class="form-control"
                                        placeholder="Kisa açıklama">{{ old('description', $editArea->description ?? '') }}</textarea>
                                </div>
                                <div class="d-flex gap-2">
                                    <button type="submit" class="btn btn-primary">
                                        {{ $editArea ? 'Güncelle' : 'Kaydet' }}
                                    </button>
                                    @if($editArea)
                                        <a href="{{ route('admin.assets.shared-areas.index', array_filter(['q' => $search ?: null])) }}" class="btn btn-outline-secondary">
                                            Vazgec
                                        </a>
                                    @endif
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-xl-8">
                    <div class="card h-100 shadow-sm border-0">
                        <div class="card-header bg-white py-3">
                            <form method="get" action="{{ route('admin.assets.shared-areas.index') }}" class="filter-bar d-flex flex-wrap gap-2 align-items-center">
                                <input type="text" name="q" class="form-control" value="{{ $search }}"
                                    placeholder="Ara: alan adi, kod, tip, açıklama">
                                <button type="submit" class="btn btn-outline-primary">Ara</button>
                                @if($search !== '')
                                    <a href="{{ route('admin.assets.shared-areas.index') }}" class="btn btn-outline-secondary">Temizle</a>
                                @endif
                            </form>
                        </div>

                        <div class="card-body p-0">
                            <div class="table-responsive">
                                <table class="table table-hover align-middle mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th class="ps-3">Alan</th>
                                            <th>Tip</th>
                                            <th>Kod</th>
                                            <th class="text-end pe-3">Işlemler</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($areas as $area)
                                            <tr>
                                                <td class="ps-3">
                                                    <div class="fw-semibold">{{ $area->name }}</div>
                                                    <small class="text-muted">{{ $area->description ?: '-' }}</small>
                                                </td>
                                                <td>
                                                    <span class="badge bg-light text-dark border">
                                                        {{ (string) $area->area_type === 'office' ? 'Ofis' : 'Ortak Kullanim' }}
                                                    </span>
                                                </td>
                                                <td>{{ $area->code ?: '-' }}</td>
                                                <td class="text-end pe-3">
                                                    <div class="d-inline-flex align-items-center gap-2">
                                                        <a href="{{ route('admin.assets.shared-areas.index', array_filter(['edit' => $area->id, 'q' => $search ?: null])) }}"
                                                            class="btn btn-sm btn-outline-primary">Duzenle</a>
                                                        <form method="post" action="{{ route('admin.assets.shared-areas.destroy') }}" class="d-inline">
                                                            @csrf
                                                            <input type="hidden" name="id" value="{{ (int) $area->id }}">
                                                            <input type="hidden" name="q" value="{{ $search }}">
                                                            <button type="submit"
                                                                class="btn btn-sm btn-outline-danger"
                                                                data-confirm-title="Ortak Alan Sil"
                                                                data-confirm-name="{{ $area->name }}"
                                                                data-confirm-message="Bu ortak alan kalıcı olarak silinecek. Aktif zimmeti varsa silinmez.">
                                                                Sil
                                                            </button>
                                                        </form>
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="4" class="text-center text-muted py-4">Ortak alan kaydı bulunmuyor.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        @if($areas instanceof \Illuminate\Contracts\Pagination\Paginator || $areas instanceof \Illuminate\Contracts\Pagination\LengthAwarePaginator)
                            <div class="card-footer bg-white">
                                {{ $areas->links('pagination::bootstrap-5') }}
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection