@extends('layouts.master')
@section('page_title', 'Manage System Settings')
@section('content')

    <div class="card">
        <div class="card-header header-elements-inline">
            <h6 class="card-title font-weight-semibold">Update System Settungs </h6>
            {!! Qs::getPanelOptions() !!}
        </div>

        <div class="card-body">
            <form enctype="multipart/form-data" method="post" action="{{ route('settings.update') }}">
                @csrf @method('PUT')
            <div class="row">
                <div class="col-md-6 border-right-2 border-right-blue-400">
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Name of School <span class="text-danger">*</span></label>
                            <div class="col-lg-9">
                                <input name="system_name" value="{{ $s['system_name'] }}" required type="text" class="form-control" placeholder="Name of School">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="current_session" class="col-lg-3 col-form-label font-weight-semibold">Current Session <span class="text-danger">*</span></label>
                            <div class="col-lg-9">
                                <select data-placeholder="Choose..." required name="current_session" id="current_session" class="select-search form-control">
                                    <option value=""></option>
                                    @for($y=date('Y', strtotime('- 3 years')); $y<=date('Y', strtotime('+ 1 years')); $y++)
                                        <option {{ ($s['current_session'] == (($y-=1).'-'.($y+=1))) ? 'selected' : '' }}>{{ ($y-=1).'-'.($y+=1) }}</option>
                                    @endfor
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="current_term" class="col-lg-3 col-form-label font-weight-semibold">Current Term <span class="text-danger">*</span></label>
                            <div class="col-lg-9">
                                <select required name="current_term" id="current_term" class="form-control select">
                                    <option {{ ($s['current_term'] ?? '1') == '1' ? 'selected' : '' }} value="1">First Term</option>
                                    <option {{ ($s['current_term'] ?? '1') == '2' ? 'selected' : '' }} value="2">Second Term</option>
                                    <option {{ ($s['current_term'] ?? '1') == '3' ? 'selected' : '' }} value="3">Third Term</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">School Acronym</label>
                            <div class="col-lg-9">
                                <input name="system_title" value="{{ $s['system_title'] }}" type="text" class="form-control" placeholder="School Acronym">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Motto</label>
                            <div class="col-lg-9">
                                <input name="motto" value="{{ $s['motto'] ?? '' }}" type="text" class="form-control" placeholder="School Motto">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Website</label>
                            <div class="col-lg-9">
                                <input name="website" value="{{ $s['website'] ?? '' }}" type="text" class="form-control" placeholder="https://yourschool.example.com">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Principal / Head Teacher</label>
                            <div class="col-lg-9">
                                <input name="principal_name" value="{{ $s['principal_name'] ?? '' }}" type="text" class="form-control" placeholder="Name">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Phone</label>
                            <div class="col-lg-9">
                                <input name="phone" value="{{ $s['phone'] }}" type="text" class="form-control" placeholder="Phone">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">School Email</label>
                            <div class="col-lg-9">
                                <input name="system_email" value="{{ $s['system_email'] }}" type="email" class="form-control" placeholder="School Email">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">School Address <span class="text-danger">*</span></label>
                            <div class="col-lg-9">
                                <input required name="address" value="{{ $s['address'] }}" type="text" class="form-control" placeholder="School Address">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">This Term Ends</label>
                            <div class="col-lg-6">
                                <input name="term_ends" value="{{ $s['term_ends'] }}" type="text" class="form-control date-pick" placeholder="Date Term Ends">
                            </div>
                            <div class="col-lg-3 mt-2">
                                <span class="font-weight-bold font-italic">M-D-Y or M/D/Y </span>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Next Term Begins</label>
                            <div class="col-lg-6">
                                <input name="term_begins" value="{{ $s['term_begins'] }}" type="text" class="form-control date-pick" placeholder="Date Term Ends">
                            </div>
                            <div class="col-lg-3 mt-2">
                                <span class="font-weight-bold font-italic">M-D-Y or M/D/Y </span>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="lock_exam" class="col-lg-3 col-form-label font-weight-semibold">Lock Exam</label>
                            <div class="col-lg-3">
                                <select class="form-control select" name="lock_exam" id="lock_exam">
                                    <option {{ $s['lock_exam'] ? 'selected' : '' }} value="1">Yes</option>
                                    <option {{ $s['lock_exam'] ?: 'selected' }} value="0">No</option>
                                </select>
                            </div>
                            <div class="col-lg-6">
                                    <span class="font-weight-bold font-italic text-info-800">{{ __('msg.lock_exam') }}</span>
                            </div>
                        </div>

                        <fieldset>
                            <legend><strong>Result Score Structure</strong></legend>
                            <div class="form-group row">
                                <label class="col-lg-3 col-form-label font-weight-semibold">1st CA Max</label>
                                <div class="col-lg-3">
                                    <input class="form-control" value="{{ $s['ca1_max'] ?? 20 }}" name="ca1_max" type="number" min="1" max="100">
                                </div>
                                <label class="col-lg-3 col-form-label font-weight-semibold">2nd CA Max</label>
                                <div class="col-lg-3">
                                    <input class="form-control" value="{{ $s['ca2_max'] ?? 20 }}" name="ca2_max" type="number" min="1" max="100">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-form-label font-weight-semibold">Exam Max</label>
                                <div class="col-lg-3">
                                    <input class="form-control" value="{{ $s['exam_max'] ?? 60 }}" name="exam_max" type="number" min="1" max="100">
                                </div>
                                <div class="col-lg-6">
                                    <span class="font-weight-bold font-italic text-info-800">These control the maximum score allowed for each component when teachers enter marks. Changing them does not recalculate existing results.</span>
                                </div>
                            </div>
                        </fieldset>

                        <fieldset>
                            <legend><strong>Modules</strong></legend>
                            <div class="form-group row">
                                <label for="library_enabled" class="col-lg-3 col-form-label font-weight-semibold">Library Section</label>
                                <div class="col-lg-3">
                                    <select class="form-control select" name="library_enabled" id="library_enabled">
                                        <option {{ ($s['library_enabled'] ?? '1') == '1' ? 'selected' : '' }} value="1">On</option>
                                        <option {{ ($s['library_enabled'] ?? '1') == '0' ? 'selected' : '' }} value="0">Off</option>
                                    </select>
                                </div>
                                <div class="col-lg-6">
                                    <span class="font-weight-bold font-italic text-info-800">Turns the Library (Books &amp; Borrow Requests) section on or off for everyone, including staff. Existing book records are kept either way.</span>
                                </div>
                            </div>
                        </fieldset>
                </div>
                <div class="col-md-6">
                    {{--Fees--}}
               <fieldset>
                   <legend><strong>Next Term Fees</strong></legend>
                   @foreach($class_types as $ct)
                   <div class="form-group row">
                       <label class="col-lg-3 col-form-label font-weight-semibold">{{ $ct->name }}</label>
                       <div class="col-lg-9">
                           <input class="form-control" value="{{ $s['next_term_fees_'.strtolower($ct->code)] }}" name="next_term_fees_{{ strtolower($ct->code) }}" placeholder="{{ $ct->name }}" type="number" min="0">
                       </div>
                   </div>
                       @endforeach
               </fieldset>
                    <hr class="divider">

                    <fieldset>
                        <legend><strong>Branding</strong></legend>

                        {{--Logo--}}
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Logo</label>
                            <div class="col-lg-9">
                                <div class="mb-3">
                                    <img style="width: 100px" height="100px" src="{{ $s['logo'] }}" alt="">
                                </div>
                                <input name="logo" accept="image/*" type="file" class="file-input" data-show-caption="false" data-show-upload="false" data-fouc>
                                <span class="font-weight-bold font-italic text-info-800">Shown across the app and on printable documents (report cards, receipts).</span>
                            </div>
                        </div>

                        {{--Favicon--}}
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Favicon</label>
                            <div class="col-lg-9">
                                @if(!empty($s['favicon']))
                                <div class="mb-3">
                                    <img style="width: 32px" height="32px" src="{{ $s['favicon'] }}" alt="">
                                </div>
                                @endif
                                <input name="favicon" accept="image/png,image/x-icon,.ico" type="file" class="file-input" data-show-caption="false" data-show-upload="false" data-fouc>
                                <span class="font-weight-bold font-italic text-info-800">The small icon shown in the browser tab. A square PNG (e.g. 32×32 or 64×64) works best; .ico is also accepted.</span>
                            </div>
                        </div>

                        {{--Principal signature + school stamp (printed on report cards & broadsheets)--}}
                        @foreach([['principal_signature', 'Principal / Head Teacher Signature', 'Upload a clear photo or scan of the signature (PNG with a transparent background looks best). It prints above the principal\'s name on every report card and broadsheet.'], ['school_stamp', 'School Stamp', 'Upload the school stamp (PNG with a transparent background looks best). It prints beside the signature on every report card and broadsheet.']] as [$sk, $sl, $sh])
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">{{ $sl }}</label>
                            <div class="col-lg-9">
                                @if(!empty($s[$sk]))
                                <div class="mb-3">
                                    <img style="max-width: 200px; max-height: 100px; border:1px dashed #bbb; padding:4px; background:#fff" src="{{ $s[$sk] }}" alt="">
                                    <label class="d-block mt-2"><input type="checkbox" name="remove_{{ $sk }}" value="1"> Remove current image</label>
                                </div>
                                @endif
                                <input name="{{ $sk }}" accept="image/png,image/jpeg,image/gif" type="file" class="file-input" data-show-caption="false" data-show-upload="false" data-fouc>
                                <span class="font-weight-bold font-italic text-info-800">{{ $sh }}</span>
                            </div>
                        </div>
                        @endforeach

                        {{--School Colours--}}
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Primary Colour</label>
                            <div class="col-lg-3">
                                <input class="form-control" value="{{ $s['school_color_primary'] ?? '#1b0c80' }}" name="school_color_primary" type="color">
                            </div>
                            <label class="col-lg-3 col-form-label font-weight-semibold">Secondary Colour</label>
                            <div class="col-lg-3">
                                <input class="form-control" value="{{ $s['school_color_secondary'] ?? '#f2f2f2' }}" name="school_color_secondary" type="color">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Apply to Dashboard</label>
                            <div class="col-lg-3">
                                <select class="form-control select" name="school_color_dashboard">
                                    <option {{ ($s['school_color_dashboard'] ?? '0') == '0' ? 'selected' : '' }} value="0">No</option>
                                    <option {{ ($s['school_color_dashboard'] ?? '0') == '1' ? 'selected' : '' }} value="1">Yes</option>
                                </select>
                            </div>
                            <div class="col-lg-6">
                                <span class="font-weight-bold font-italic text-info-800">Primary colour: school name on report cards, receipts, tabulation sheets and timetables (and the dashboard top bar and buttons, if "Apply to Dashboard" is Yes). Secondary colour: section bars on receipts.</span>
                            </div>
                        </div>
                    </fieldset>
                </div>
            </div>

                <hr class="divider">

                <div class="text-right">
                    <button type="submit" class="btn btn-danger">Submit form <i class="icon-paperplane ml-2"></i></button>
                </div>
            </form>
        </div>
    </div>

    {{--Settings Edit Ends--}}

@endsection