@extends('layouts.app')

@section('title', 'تعديل بيانات المؤسسة')

@push('styles')
<style>
    .page-header {
        background: linear-gradient(135deg, #00BCD4 0%, #4DD0E1 100%);
        border-radius: 1rem;
        padding: 1.5rem 2rem;
        margin-bottom: 1.5rem;
        color: white;
    }
    .form-card {
        background: white;
        border-radius: 1rem;
        box-shadow: 0 4px 24px rgba(0,0,0,0.06);
        border: none;
    }
    .form-card .card-header {
        background: transparent;
        border-bottom: 1px solid #f1f1f1;
        padding: 1.25rem 1.5rem;
    }
    .form-label { font-weight: 600; color: #566a7f; }
    .form-control:focus, .form-select:focus {
        border-color: #00BCD4;
        box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.15);
    }
    .btn-primary {
        background: linear-gradient(135deg, #00BCD4 0%, #4DD0E1 100%);
        border: none;
    }
    .btn-primary:hover {
        background: linear-gradient(135deg, #00ACC1 0%, #00BCD4 100%);
    }
    .section-title {
        font-size: 1rem;
        font-weight: 600;
        color: #00BCD4;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid #00BCD4;
    }
</style>
@endpush

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="page-header">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <h4><i class="bx bx-edit"></i> تعديل بيانات المؤسسة</h4>
                <p class="mb-0">{{ $institution->institution_name }}</p>
            </div>
            <a href="{{ route('institutions.index') }}" class="btn btn-light">
                <i class="bx bx-arrow-back"></i> العودة
            </a>
        </div>
    </div>

    <div class="card form-card">
        <div class="card-header">
            <h5 class="mb-0"><i class="bx bx-edit-alt"></i> تعديل البيانات</h5>
        </div>
        <div class="card-body p-4">
            <form action="{{ route('institutions.update', $institution) }}" method="POST">
                @csrf
                @method('PUT')

                <!-- Basic Info -->
                <h6 class="section-title"><i class="bx bx-info-circle"></i> المعلومات الأساسية</h6>
                <div class="row mb-4">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">اسم المؤسسة <span class="text-danger">*</span></label>
                        <input type="text" name="institution_name" class="form-control @error('institution_name') is-invalid @enderror" value="{{ old('institution_name', $institution->institution_name) }}" required list="institutionNamesList">
                        <datalist id="institutionNamesList">
                            @foreach($institutionNames as $name)
                                <option value="{{ $name }}">
                            @endforeach
                        </datalist>
                        @error('institution_name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">رقم المنشأ</label>
                        <input type="text" name="establishment_number" class="form-control @error('establishment_number') is-invalid @enderror" value="{{ old('establishment_number', $institution->establishment_number) }}">
                        @error('establishment_number')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">الرقم الموحد</label>
                        <input type="text" name="unified_number" class="form-control @error('unified_number') is-invalid @enderror" value="{{ old('unified_number', $institution->unified_number) }}">
                        @error('unified_number')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">رقم التامينات</label>
                        <input type="text" name="insurance_number" class="form-control @error('insurance_number') is-invalid @enderror" value="{{ old('insurance_number', $institution->insurance_number) }}">
                        @error('insurance_number')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <!-- Chamber of Commerce -->
                <h6 class="section-title"><i class="bx bx-building-house"></i> بيانات الغرفة التجارية</h6>
                <div class="row mb-4">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">اسم المستخدم للغرفة التجارية</label>
                        <input type="text" name="chamber_username" class="form-control @error('chamber_username') is-invalid @enderror" value="{{ old('chamber_username', $institution->chamber_username) }}">
                        @error('chamber_username')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">كلمة المرور للغرفة التجارية</label>
                        <input type="text" name="chamber_password" class="form-control @error('chamber_password') is-invalid @enderror" value="{{ old('chamber_password', $institution->chamber_password) }}">
                        @error('chamber_password')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <!-- Notes -->
                <h6 class="section-title"><i class="bx bx-note"></i> ملاحظات</h6>
                <div class="row mb-4">
                    <div class="col-12 mb-3">
                        <textarea name="notes" class="form-control @error('notes') is-invalid @enderror" rows="3" placeholder="ملاحظات إضافية...">{{ old('notes', $institution->notes) }}</textarea>
                        @error('notes')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="d-flex gap-3 justify-content-end">
                    <a href="{{ route('institutions.index') }}" class="btn btn-outline-secondary px-4">
                        <i class="bx bx-x"></i> إلغاء
                    </a>
                    <button type="submit" class="btn btn-primary px-5">
                        <i class="bx bx-save"></i> حفظ التعديلات
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection