@extends('layouts.institution')

@section('content')
<div class="container-fluid px-4 py-4">
    <!-- পেজ হেডার -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h4 class="fw-bold mb-1">প্রতিষ্ঠানের সাধারণ তথ্য ও লোগো</h4>
            <p class="text-muted small mb-0">আপনার শিক্ষা প্রতিষ্ঠানের মৌলিক তথ্য এবং লোগো এখানে পরিবর্তন করুন।</p>
        </div>
        @if(isset($institution->logo) && $institution->logo)
            <div>
                <img src="{{ asset('storage/' . $institution->logo) }}" alt="Logo" class="rounded-circle border shadow-sm" style="width: 50px; height: 50px; object-fit: cover;">
            </div>
        @endif
    </div>

    <!-- ফর্ম কার্ড -->
    <div class="card border-0 shadow-sm rounded-4">
        <div class="card-body p-4">
            <form action="{{ route('institution.general.update') }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="row g-3">
                    <!-- প্রতিষ্ঠানের নাম -->
                    <div class="col-md-6">
                        <label class="form-label small fw-bold">প্রতিষ্ঠানের নাম <span class="text-danger">*</span></label>
                        <input type="text" name="name" class="form-control rounded-3" value="{{ old('name', $institution->name ?? '') }}" placeholder="যেমন: শিবগঞ্জ উচ্চ বিদ্যালয়" required>
                    </div>

                    <!-- সাবডোমেইন স্ল্যাগ -->
                    <div class="col-md-6">
                        <label class="form-label small fw-bold">সাবডোমেইন স্ল্যাগ (Slug)</label>
                        <input type="text" name="slug" class="form-control rounded-3" value="{{ old('slug', $institution->slug ?? '') }}" placeholder="যেমন: shibganj-hs" readonly>
                        <small class="text-muted" style="font-size: 10px;">স্ল্যাগ পরিবর্তনযোগ্য নয়।</small>
                    </div>

                    <!-- EIIN নম্বর -->
                    <div class="col-md-4">
                        <label class="form-label small fw-bold">EIIN নম্বর</label>
                        <input type="text" name="eiin" class="form-control rounded-3" value="{{ old('eiin', $institution->eiin ?? '') }}" placeholder="EIIN নম্বর লিখুন">
                    </div>

                    <!-- MPO কোড -->
                    <div class="col-md-4">
                        <label class="form-label small fw-bold">MPO কোড</label>
                        <input type="text" name="mpo_code" class="form-control rounded-3" value="{{ old('mpo_code', $institution->mpo_code ?? '') }}" placeholder="MPO কোড লিখুন">
                    </div>

                    <!-- প্রতিষ্ঠার সাল -->
                    <div class="col-md-4">
                        <label class="form-label small fw-bold">প্রতিষ্ঠার সাল (Est. Year)</label>
                        <input type="text" name="std_year" class="form-control rounded-3" value="{{ old('std_year', $institution->std_year ?? '') }}" placeholder="যেমন: ১৯৯৫">
                    </div>

                    <!-- ইমেইল এড্রেস -->
                    <div class="col-md-6">
                        <label class="form-label small fw-bold">অফিসিয়াল ইমেইল</label>
                        <input type="email" name="email" class="form-control rounded-3" value="{{ old('email', $institution->email ?? '') }}" placeholder="example@school.edu.bd">
                    </div>

                    <!-- ফোন নম্বর -->
                    <div class="col-md-6">
                        <label class="form-label small fw-bold">মোবাইল নম্বর</label>
                        <input type="text" name="phone" class="form-control rounded-3" value="{{ old('phone', $institution->phone ?? '') }}" placeholder="০১XXXXXXXXX">
                    </div>

                    <!-- প্রতিষ্ঠানের ধরণ -->
                    <div class="col-md-6">
                        <label class="form-label small fw-bold">প্রতিষ্ঠানের ধরণ (Type)</label>
                        <select name="institution_type" class="form-select rounded-3">
                            <option value="">-- ধরণ সিলেক্ট করুন --</option>
                            <option value="high-school" {{ old('institution_type', $institution->institution_type ?? '') == 'high-school' ? 'selected' : '' }}>High School</option>
                            <option value="primary" {{ old('institution_type', $institution->institution_type ?? '') == 'primary' ? 'selected' : '' }}>Primary</option>
                            <option value="college" {{ old('institution_type', $institution->institution_type ?? '') == 'college' ? 'selected' : '' }}>College</option>
                            <option value="school-college" {{ old('institution_type', $institution->institution_type ?? '') == 'school-college' ? 'selected' : '' }}>School & College</option>
                            <option value="madrashah" {{ old('institution_type', $institution->institution_type ?? '') == 'madrashah' ? 'selected' : '' }}>Madrashah</option>
                            <option value="kinder-garten" {{ old('institution_type', $institution->institution_type ?? '') == 'kinder-garten' ? 'selected' : '' }}>Kindergarten</option>
                        </select>
                    </div>

                    <!-- স্ট্যাটাস -->
                    <div class="col-md-6">
                        <label class="form-label small fw-bold">অ্যাকাউন্ট স্ট্যাটাস <span class="text-danger">*</span></label>
                        <select name="status" class="form-select rounded-3" required>
                            <option value="pending" {{ old('status', $institution->status ?? '') == 'pending' ? 'selected' : '' }}>Pending</option>
                            <option value="active" {{ old('status', $institution->status ?? '') == 'active' ? 'selected' : '' }}>Active</option>
                            <option value="suspended" {{ old('status', $institution->status ?? '') == 'suspended' ? 'selected' : '' }}>Suspended</option>
                            <option value="expired" {{ old('status', $institution->status ?? '') == 'expired' ? 'selected' : '' }}>Expired</option>
                        </select>
                    </div>

                    <!-- লোগো আপলোড -->
                    <div class="col-md-6">
                        <label class="form-label small fw-bold">প্রতিষ্ঠানের লোগো পরিবর্তন</label>
                        <input type="file" name="logo" class="form-control rounded-3">
                        <small class="text-muted" style="font-size: 11px;">সর্বোচ্চ ২ মোবাইট (JPEG, PNG, JPG)</small>
                    </div>

                    <!-- ঠিকানা -->
                    <div class="col-md-6">
                        <label class="form-label small fw-bold">পূর্ণ ঠিকানা</label>
                        <textarea name="address" class="form-control rounded-3" rows="2" placeholder="গ্রাম/মহল্লা, উপজেলা, জেলা">{{ old('address', $institution->address ?? '') }}</textarea>
                    </div>
                </div>

                <!-- সাবমিট বাটন -->
                <div class="mt-4 text-end">
                    <button type="submit" class="btn btn-primary rounded-pill px-5 shadow-sm">
                        <i class="fa-solid fa-sync me-1"></i> তথ্য আপডেট করুন
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection