@extends('layouts.master')
@section('content')
    <style>
        /* ===== PROMO CORNER RIBBON ===== */

        .promo-ribbon{
            position:absolute;
            top:18px;
            right:-45px;
            width:180px;
            background:linear-gradient(135deg,#ff7b00,#ff3d00);
            color:#fff;
            text-align:center;
            transform:rotate(45deg);
            z-index:10;
            box-shadow:0 6px 15px rgba(0,0,0,0.15);
        }

        .promo-ribbon span{
            display:block;
            padding:8px 0;
            font-weight:700;
            font-size:14px;
            line-height:1.2;
        }

        .promo-ribbon small{
            font-size:11px;
            font-weight:500;
            opacity:.95;
        }

        /* subtle premium animation */
        .promo-ribbon{
            animation:ribbonGlow 2.5s ease-in-out infinite alternate;
        }

        @keyframes ribbonGlow{
            from{filter:brightness(1);}
            to{filter:brightness(1.15);}
        }
    </style>
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="card shadow-sm border-0 position-relative overflow-hidden">
            <!-- Header -->
            <div class="card-header bg-white d-flex justify-content-between align-items-center">
                <div>
                    <h4 class="mb-0 fw-semibold">
                        <i class="bx bx-buildings text-primary me-2"></i>
                        Add New School
                    </h4>
                    <small class="text-muted">Create school profile and login credentials</small>
                </div>
                {{-- PROMO BADGE --}}
                @if($promo)
                    <div class="promo-ribbon">
                        <span>
                            {{ $promo->discount }}% OFF<br>
                            <small>till {{ \Carbon\Carbon::parse($promo->tilldate)->format('d M Y') }}</small>
                        </span>
                    </div>
                @endif
            </div>
            <div class="card-body">
                <form method="POST" action="{{route('manager.school.add')}}" enctype="multipart/form-data">
                    @csrf
                    @if($promo)
                        <input type="hidden" name="promo_id" value="{{ $promo->id }}">
                    @endif
                    {{-- ================= BASIC INFORMATION ================= --}}
                    <h6 class="text-uppercase text-muted mb-3">Basic Information</h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-8">
                            <label class="form-label">School Name</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="bx bx-building"></i></span>
                                <input type="text" name="name" class="form-control"
                                       placeholder="Enter School Name" required>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Short Name</label>
                            <input type="text" name="short" class="form-control"
                                   placeholder="Short Code" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Email Address</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="bx bx-envelope"></i></span>
                                <input type="email" name="email" class="form-control"
                                       placeholder="school@email.com" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Password</label>
                            <div class="input-group form-password-toggle">
                                <input type="password" name="password" class="form-control"
                                       placeholder="••••••••••" required>
                                <span class="input-group-text cursor-pointer">
                                <i class="bx bx-hide"></i>
                            </span>
                            </div>
                        </div>
                    </div>
                    {{-- ================= MANAGEMENT DETAILS ================= --}}
                    <h6 class="text-uppercase text-muted mb-3">Management Details</h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-4">
                            <label class="form-label">CEO Name</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="bx bx-user"></i></span>
                                <input type="text" name="ceo_name" class="form-control"
                                       placeholder="CEO Name" required>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">City</label>
                            <select class="form-select" name="city_id" required>
                                <option disabled selected>Select City...</option>
                                <option value="1">Quetta</option>
                                {{-- @foreach($city as $citys)
                                    <option value="{{$citys->id}}">{{$citys->name}}</option>
                                @endforeach --}}
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Phone Number</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="bx bx-phone"></i></span>
                                <input type="text" name="cntctnum"
                                       class="form-control phone-mask"
                                       placeholder="0300 XXXXXXX" required>
                            </div>
                        </div>
                    </div>
                    {{-- ================= FILE UPLOADS ================= --}}
                    <h6 class="text-uppercase text-muted mb-3">Branding & Media</h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-4">
                            <label class="form-label">CEO Image</label>
                            <input type="file" name="ceo_image" class="form-control" accept="image/*">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">School Logo</label>
                            <input type="file" name="logo" class="form-control" accept="image/*">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Watermark</label>
                            <input type="file" name="watermark" class="form-control" accept="image/*">
                        </div>
                    </div>
                    {{-- ================= FINANCIAL DETAILS ================= --}}
                    <h6 class="text-uppercase text-muted mb-3">Financial Details</h6>
                    <div class="row g-3 mb-4">
                        <div class="col-md-4">
                            <label class="form-label">Advance</label>
                            <input type="text" name="advance" value="{{$subscription->advance}}" class="form-control bg-light" readonly required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Subscription Charges</label>
                            <input type="text" name="amount" value="{{$subscription->amount}}" class="form-control bg-light" readonly required>
                        </div>
                    </div>
                    {{-- ================= ADDRESS ================= --}}
                    <h6 class="text-uppercase text-muted mb-3">Address</h6>
                    <div class="row mb-4">
                        <div class="col-12">
                            <div class="input-group">
                            <span class="input-group-text">
                                <i class="bx bx-map"></i>
                            </span>
                                <input type="text" name="address"
                                       class="form-control"
                                       placeholder="Full Address" required>
                            </div>
                        </div>
                    </div>
                    {{-- ================= ACTION BUTTON ================= --}}
                    <div class="text-end">
                        <button type="submit" class="btn btn-primary px-4">
                            <i class="bx bx-save me-1"></i> Save School
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection