@extends('layouts.master')
@section('content')
    <style type="text/css">
        #profileImgField4 #profileImgInput4,
        #profileImgField3 #profileImgInput3,
        #profileImgField2 #profileImgInput2 {
            visibility: hidden;
            display: none;
        }

        #profileImgField4 label,
        #profileImgField3 label,
        #profileImgField2 label {
            position: relative;
            cursor: pointer;
        }

        #profileImgField4 img,
        #profileImgField3 img,
        #profileImgField2 img {
            max-width: 300px;
            max-height: 80px;
            overflow: hidden;
        }

        #profileImgField4 i,
        #profileImgField3 i,
        #profileImgField2 i {
            position: absolute;
            background: #fff;
            color: #a6a8ac;
            bottom: 6px;
            right: 6px;
            overflow: visible;
            height: 32px;
            width: 32px;
            font-size: 17px;
            border: 2px solid #a6a8ac;
            border-radius: 50%;
            margin: 4px;
            padding: 5px;
            z-index: 15;
        }

    </style>
    <div class="card">
        <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
            <h5>Settings</h5>
        </div>
        @if ($errors->any())
            <div class="alert alert-danger m-3">
                <ul class="m-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div class="card-body">
            <form action="{{ route('setting.update') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="row p-2 mb-3 rounded text-white font-weight-bold" style="background-color: #ffaf61">
                    General Settings
                </div>
                <div class="row p-2" style="background-color: #fff4ea; border-radius:4px">
                    <div class="col-md-12">
                        <div class="row">
                            @php $project_name = get_setting(Settings::APP_NAME) @endphp
                            @if (!empty($project_name))
                                <div class="form-group col-md-4">
                                    <label for="{{ $project_name->key }}">{{ capitalizeWords($project_name->key) }}</label>
                                    <input type="text" class="form-control" id="{{ $project_name->key }}"
                                        name="{{ $project_name->key }}" value="{{ $project_name->value }}">
                                </div>
                            @endif

                            @php $project_footer = get_setting(Settings::APP_FOOTER) @endphp
                            @if (!empty($project_footer))
                                <div class="form-group col-md-4">
                                    <label for="{{ $project_footer->key }}">{{ capitalizeWords($project_footer->key) }}</label>
                                    <input type="text" class="form-control" id="{{ $project_footer->key }}"
                                        name="{{ $project_footer->key }}" value="{{ $project_footer->value }}">
                                </div>
                            @endif

                            @php $domain = get_setting(Settings::APP_DOMAIN) @endphp
                            @if (!empty($domain))
                                <div class="form-group col-md-4">
                                    <label for="{{ $domain->key }}">{{ capitalizeWords($domain->key) }}</label>
                                    <input type="text" class="form-control" id="{{ $domain->key }}"
                                        name="{{ $domain->key }}" value="{{ $domain->value }}">
                                </div>
                            @endif

                            @php
                                $school_name = get_setting(Settings::SCHOOL_NAME)
                            @endphp

                            @if (!empty($school_name))
                                <div class="form-group col-md-4">
                                    <label for="{{ $school_name->key }}">{{ capitalizeWords($school_name->key) }}</label>
                                    <input type="text" class="form-control" id="{{ $school_name->key }}"
                                        name="{{ $school_name->key }}" value="{{ $school_name->value }}">
                                </div>
                            @endif

                            @php $email = get_setting(Settings::SCHOOL_EMAIL) @endphp
                            @if (!empty($email))
                                <div class="form-group col-md-4">
                                    <label for="{{ $email->key }}">{{ capitalizeWords($email->key) }}</label>
                                    <input type="text" class="form-control" id="{{ $email->key }}"
                                        name="{{ $email->key }}" value="{{ $email->value }}">
                                </div>
                            @endif

                            @php $school_phone = get_setting(Settings::SCHOOL_PHONE) @endphp
                            @if (!empty($school_phone))
                                <div class="form-group col-md-4">
                                    <label for="{{ $school_phone->key }}">{{ capitalizeWords($school_phone->key) }}</label>
                                    <input type="text" class="form-control" id="{{ $school_phone->key }}"
                                        name="{{ $school_phone->key }}" value="{{ $school_phone->value }}">
                                </div>
                            @endif

                            @php $school_code = get_setting(Settings::SCHOOL_CODE) @endphp
                            @if (!empty($school_code))
                                <div class="form-group col-md-4">
                                    <label for="{{ $school_code->key }}">{{ capitalizeWords($school_code->key) }}</label>
                                    <input type="text" class="form-control" id="{{ $school_code->key }}"
                                        name="{{ $school_code->key }}" value="{{ $school_code->value }}">
                                </div>
                            @endif

                            @php $date_format = get_setting(Settings::DATE_FORMAT) @endphp
                            @if (!empty($date_format))
                                <div class="form-group col-md-4">
                                    <label for="{{ $date_format->key }}">{{ capitalizeWords($date_format->key) }}</label>
                                    <input type="text" class="form-control" id="{{ $date_format->key }}"
                                        name="{{ $date_format->key }}" value="{{ $date_format->value }}">
                                </div>
                            @endif

                            @php $time_zone = get_setting(Settings::TIME_ZONE) @endphp
                            @if (!empty($time_zone))
                                <div class="form-group col-md-4">
                                    <label for="{{ $time_zone->key }}">{{ capitalizeWords($time_zone->key) }}</label>

                                    <select id="language_id" name="time_zone" class="form-control" autocomplete="off">
                                        <option value="">--Select--</option>
                                        <option value="UTC">(GMT) UTC</option>
                                        <option value="Indian/Maldives">(GMT+05:00) Indian, Maldives</option>
                                        <option value="Asia/Colombo">(GMT+05:30) Asia, Colombo</option>
                                        <option value="Asia/Kolkata">(GMT+05:30) Asia, Kolkata</option>
                                        <option value="Asia/Kathmandu">(GMT+05:45) Asia, Kathmandu</option>
                                        <option value="Asia/Bishkek">(GMT+06:00) Asia, Bishkek</option>
                                        <option value="Asia/Dhaka" selected>(GMT+06:00) Asia, Dhaka</option>
                                        <option value="Asia/Omsk">(GMT+06:00) Asia, Omsk</option>
                                        <option value="Asia/Thimphu">(GMT+06:00) Asia, Thimphu</option>
                                        <option value="Asia/Urumqi">(GMT+06:00) Asia, Urumqi</option>
                                        <option value="Indian/Chagos">(GMT+06:00) Indian, Chagos</option>
                                    </select>
                                </div>
                            @endif

                            @php $school_logo = get_setting(Settings::SCHOOL_LOGO) @endphp
                            @if (!empty($school_logo))
                                <div class="form-group col-md-4">
                                    <div id="profileImgField2">
                                        <p>{{ capitalizeWords($school_logo->key) }}</p>
                                        <label for="profileImgInput2">
                                            <img class="profileImgShow2"
                                                src="{{ $school_logo->value ? asset($school_logo->value) : asset('uploads/images/logo.png') }}">
                                            <i class="fas fa-camera"></i>
                                        </label>
                                        <input class="form-control profile-img-input2" id="profileImgInput2"
                                            name="{{ $school_logo->key }}" type="file">
                                        <div id="signatureError" class="text-danger"></div>
                                    </div>
                                </div>
                            @endif

                            @php $favicon = get_setting(Settings::FAVICON) @endphp
                            @if (!empty($favicon))
                                <div class="form-group col-md-4">
                                    <div id="profileImgField3">
                                        <p>{{ capitalizeWords($favicon->key) }}</p>
                                        <label for="profileImgInput3">
                                            <img class="profileImgShow3"
                                                src="{{ $favicon->value ? asset($favicon->value) : asset('default/default.png') }}">
                                            <i class="fas fa-camera"></i>
                                        </label>
                                        <input class="form-control profile-img-input3" id="profileImgInput3"
                                            name="{{ $favicon->key }}" type="file">
                                        <div id="signatureError" class="text-danger"></div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
                <!-- row -->

                <div class="row p-2 mt-3 mb-3 rounded text-white font-weight-bold" style="background-color: #ffaf61">
                    Accounting Setting
                </div>
                <div class="row p-2 " style="background-color: #fff4ea; border-radius:4px">
                    <div class="col-md-12">
                        <div class="row">
                            @php $late_fine_start_day = get_setting(Settings::LATE_FINE_START_DAY) @endphp
                            @if (!empty($late_fine_start_day))
                                <div class="form-group col-md-4">
                                    <label for="{{ $late_fine_start_day->key }}">Late fine start day</label>
                                    <input type="number" class="form-control" min="0" 
                                        name="{{ $late_fine_start_day->key }}" value="{{ $late_fine_start_day->value }}"
                                        placeholder="Late fine start day">
                                </div>
                            @endif

                            @php
                                $late_fine_amount = get_setting(Settings::LATE_FINE_AMOUNT)
                            @endphp


                            @if (!empty($late_fine_amount))
                                <div class="form-group col-md-4">
                                    <label for="{{ $late_fine_amount->key }}">Late fine amount (TK.)</label>
                                    <input type="number" class="form-control" min="0" 
                                        name="{{ $late_fine_amount->key }}" value="{{ $late_fine_amount->value }}"
                                        placeholder="Late fine amount">
                                </div>
                            @endif

                            @php $salary_expense_head = get_setting(Settings::SALARY_EXPENSE_HEAD) @endphp
                            <div class="form-group col-md-4">
                                <label for="{{ $salary_expense_head->key }}">{{ capitalizeWords($salary_expense_head->key) }}</label>
                                {{ generateDropdown($expense_heads, 'class="form-control" name="salary_expense_head"', $salary_expense_head->value, "Select Expense") }}
                            </div>
                        </div>
                    </div>

                </div>
                <!-- row -->

                <div class="row mt-3 flex justify-content-end">
                    <button type="submit" id="submitBtn" class="btn btn-primary float-right">Submit</button>
                </div>
            </form>
        </div>
    </div>
@stop


@section('scripts')
    <script>
        $(document).ready(function() {
            $('.profile-img-input2').change(function(e) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('.profileImgShow2').attr('src', e.target.result);
                }
                reader.readAsDataURL(e.target.files['0']);
            })
        });
    </script>
@stop