@extends('layouts.superadmin')

<title>{{ config('app.name', 'Laravel') }} | Admin | Add School</title>


@section('main-content')
    <style>
        .toggle-label {
            font-weight: 500;
            margin-bottom: 5px;
        }

        .form-switch .form-check-input {
            width: 3em;
            height: 1.5em;
        }

        .form-switch .form-check-input:checked {
            background-color: #28a745;
            /* green when active */
        }

        .toggle-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px;
            border: 1px solid #e0e0e0;
            border-radius: 0.5rem;
            margin-bottom: 15px;
            background: #f9f9f9;
        }
    </style>
    <!-- Cropper.js CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.css" rel="stylesheet">

    <div id="alert" class="col-md-6">
        @if (Session::has('success'))
            <div class="alert alert-primary" role="alert">
                {{ Session::get('success') }}
            </div>
        @endif
    </div>

    <div class="content-wrapper">
        <!-- Content -->
        <div class="container-xxl flex-grow-1 container-p-y">
            <h4 class="fw-bold py-3 mb-4">
                <span class="text-muted fw-light">School /</span> Edit School Details
            </h4>

            <!-- Success / Error Messages -->
            <div id="responseMessage"></div>

            <!-- Basic Layout -->
            <div class="row">
                <div class="col-xl">
                    <div class="card mb-4">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h5 class="mb-0">School Information</h5>
                        </div>
                        <div class="card-body">
                            <form id="schoolForm">
                                <input type="hidden" name="school_id" value="{{ $data->school_id }}">
                                @if ($data->id)
                                    <input type="hidden" name="id" value="{{ $data->id }}">
                                @endif

                                <!-- Class Info Toggle -->
                                <div class="toggle-row">
                                    <div>
                                        <div class="toggle-label">Class Info Enabled</div>
                                        <small class="text-muted">If enabled, the "Class Info" will be visible in the parent app through a modal. If disabled, the parent app won't show class information.</small>
                                    </div>
                                    <div class="form-check form-switch m-0">
                                        <input class="form-check-input" type="checkbox" id="class_info" name="class_info"
                                            {{ $data->class_info ?? false ? 'checked' : '' }}>
                                    </div>
                                </div>

                                <!-- Transport Fee Toggle -->
                                <div class="toggle-row">
                                    <div>
                                        <div class="toggle-label">Transport Fee Enabled</div>
                                        <small class="text-muted">If enabled, parents can download the complete transport fee receipt from the parent app. If disabled, this feature will not be available.</small>
                                    </div>
                                    <div class="form-check form-switch m-0">
                                        <input class="form-check-input" type="checkbox" id="transport_fee"
                                            name="transport_fee" {{ $data->transport_fee ?? false ? 'checked' : '' }}>
                                    </div>
                                </div>

                                <!-- Bus Service Toggle -->
                                <div class="toggle-row">
                                    <div>
                                        <div class="toggle-label">Bus Service Enabled</div>
                                        <small class="text-muted">If enabled, the school can manage bus services from the admin panel, and parents will also be able to view the bus service in their app.</small>
                                    </div>
                                    <div class="form-check form-switch m-0">
                                        <input class="form-check-input" type="checkbox" id="bus_service" name="bus_service"
                                            {{ $data->bus_service ?? false ? 'checked' : '' }}>
                                    </div>
                                </div>
                                <!-- data Export Toggle -->
                                <div class="toggle-row">
                                    <div>
                                        <div class="toggle-label">Data Export Enabled</div>
                                        <small class="text-muted">If enabled, the school can export data related to students, parents, teachers, and fees from the admin panel.</small>
                                    </div>
                                    <div class="form-check form-switch m-0">
                                        <input class="form-check-input" type="checkbox" id="data_export" name="data_export"
                                            {{ $data->data_export ?? false ? 'checked' : '' }}>
                                    </div>
                                </div>
                                <!-- Teacher attendance Toggle -->
                                <div class="toggle-row">
                                    <div>
                                        <div class="toggle-label">Teacher Attendance Enabled</div>
                                        <small class="text-muted">If enabled, teacher attendance options will be available in both the admin panel and teacher app.</small>
                                    </div>
                                    <div class="form-check form-switch m-0">
                                        <input class="form-check-input" type="checkbox" id="teacher_attendance" name="teacher_attendance"
                                            {{ $data->teacher_attendance ?? false ? 'checked' : '' }}>
                                    </div>
                                </div>
                                <div class="form-group loaderbtn_div d-flex align-items-center gap-3">
                                    <button type="button" class="btn btn-success text-white save_btn"
                                        onclick="addSchool()">Save</button>
                                    <div class="loaderDiv" id="loader" style="display: none;">
                                        <img src="{{ asset('assets/loader.gif') }}" alt="Loading..." style="height: 35px;">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- / Content -->
        <div class="content-backdrop fade"></div>
    </div>

    <!-- Cropper.js JS -->
    <!-- Bootstrap JS (Required for Modals) -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js"></script>
    <script>
        function addSchool() {
            $('#loader').show();
            $('.save_btn').prop('disabled', true);

            const formData = {
                id: $('input[name="id"]').val(),
                school_id: $('input[name="school_id"]').val(),
                class_info: $('#class_info').is(':checked') ? 1 : 0,
                transport_fee: $('#transport_fee').is(':checked') ? 1 : 0,
                bus_service: $('#bus_service').is(':checked') ? 1 : 0,
                data_export: $('#data_export').is(':checked') ? 1 : 0,
                teacher_attendance: $('#teacher_attendance').is(':checked') ? 1 : 0,
                _token: '{{ csrf_token() }}'
            };

            $.ajax({
                    url: "/super-admin/save-school-detail", // single route for both add/edit
                    type: "POST",
                    data: formData,
                    success: function(response) {
                        $('#loader').hide();
                        $('.save_btn').prop('disabled', false);

                        if (response.message === 'School settings saved.') {
                            window.location.href = '/super-admin/schools';
                        } else {
                            $('#responseMessage').html(`
        <div class="alert alert-success">${response.message}</div>
    `);
                        }
                    },
                        error: function(xhr) {
                            $('#loader').hide();
                            $('.save_btn').prop('disabled', false);

                            $('#responseMessage').html(`
                <div class="alert alert-danger">Something went wrong.</div>
            `);
                        }
                    });
            }
    </script>
@endsection