@extends('layout.app')
@section('title')
    {{ __('اعدادات النظام') }}
@stop

@section('content')

    <div class="content-wrapper">
        <div class="content-body">
            <!-- users edit start -->
            <section class="app-user-edit">
                <div class="card">
                    <div class="card-header mb-2">
                        <h4 class="card-title">{{ __('اعدادات النظام') }}</h4>
                    </div>
                    <div class="card-body">

                        <!-- users edit account form start -->
                        <form action="{{ route('update-setting') }}" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="username">{{ __('Logo') }}</label>
                                    <div class="form-group">
                                        <input type='file' onchange="loadFile_image(logo)" name="logo" id="logo"
                                            class="@error('logo') is-invalid @enderror" style="display:none;" />
                                        <button id="output_logo" type="button"
                                            onclick="document.getElementById('logo').click();" value="emad"
                                            style="
                                                    width: 200px;
                                                    height: 200px;
                                                    border-radius: 50%;
                                                    background-color: #0a1128;
                                                    background-image: url({{ asset('storage/' . ($website->logo ?? 'default.png')) }});
                                                    background-repeat: no-repeat;
                                                    background-size: cover;
                                                    background-position: center;
                                                    " />
                                    </div>
                                </div>
                                <script>
                                    var loadFile_image = function(image) {
                                        var image = document.getElementById('output_logo');
                                        var src = URL.createObjectURL(event.target.files[0]);
                                        image.style.backgroundImage = 'url(' + src + ')';
                                    };
                                </script>
                                @if (Auth::user()->user_name == 'admin')
                                    <div class="col-md-6">
                                        <label for="username">{{ __('Favicon Image') }}</label>
                                        <div class="form-group">
                                            <input type='file' onchange="loadFile_image1(favicon_image)"
                                                name="favicon_image" id="favicon_image"
                                                class="@error('favicon_image') is-invalid @enderror"
                                                style="display:none;" />
                                            <button id="output_logo1" type="button"
                                                onclick="document.getElementById('favicon_image').click();" value="emad"
                                                style="
                    width: 100px;
                    height: 100px;
                    border-radius: 50%;
                    background-color: #0a1128;
                    background-image: url({{ asset('storage/' . ($website->favicon_image ?? 'default.png')) }});
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    " />
                                        </div>
                                    </div>



                                    <script>
                                        var loadFile_image1 = function(image1) {
                                            var image1 = document.getElementById('output_logo1');
                                            var src1 = URL.createObjectURL(event.target.files[0]);
                                            image1.style.backgroundImage = 'url(' + src1 + ')';
                                        };
                                    </script>
                                @else
                                    <div class="col-md-6" style="display: none;">
                                        <label for="username">{{ __('Favicon Image') }}</label>
                                        <div class="form-group">
                                            <input type='file' onchange="loadFile_image1(favicon_image)"
                                                name="favicon_image" id="favicon_image"
                                                class="@error('favicon_image') is-invalid @enderror"
                                                style="display:none;" />
                                            <button id="output_logo1" type="button"
                                                onclick="document.getElementById('favicon_image').click();" value="emad"
                                                style="
                    width: 100px;
                    height: 100px;
                    border-radius: 50%;
                    background-color: #0a1128;
                    background-image: url({{ asset('storage/' . ($website->favicon_image ?? 'default.png')) }});
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    " />
                                        </div>
                                    </div>



                                    <script>
                                        var loadFile_image1 = function(image1) {
                                            var image1 = document.getElementById('output_logo1');
                                            var src1 = URL.createObjectURL(event.target.files[0]);
                                            image1.style.backgroundImage = 'url(' + src1 + ')';
                                        };
                                    </script>
                                @endif

                                {{-- website title --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        @if (Auth::user()->user_name == 'admin')
                                            <label for="title" class="form-label">{{ __('اسم النظام') }}</label>
                                        @else
                                            <label for="title" class="form-label">{{ __('اسم المدرسة') }}</label>
                                        @endif

                                        <input type="text" id="title" name="title"
                                            value="{{ old('title', $website->title ?? config('app.name', 'Laravel')) }}"
                                            class="form-control" required>
                                    </div>
                                </div>
                                {{-- end website title --}}

                                {{-- website email --}}
                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="email" class="form-label">{{ __('البريد الالكتروني') }}</label>
                                        <input type="email" id="email" name="email"
                                            value="{{ old('email', $website->email ?? config('appInformation.email')) }}"
                                            class="form-control" required>
                                    </div>
                                </div>
                                {{-- end website email --}}

                                {{-- website telephone --}}
                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="phone" class="form-label">{{ __('الهاتف') }}</label>
                                        <input type="text" id="phone" name="phone"
                                            value="{{ old('phone', $website->phone ?? config('appInformation.phone')) }}"
                                            class="form-control" required>
                                    </div>
                                </div>
                                {{-- end website telephone --}}
                                {{-- website telephone --}}
                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="working_time" class="form-label">{{ __('وقت الدوام') }}</label>
                                        <input type="time" id="working_time" name="working_time"
                                            value="{{ old('working_time', $website->working_time ?? '') }}"
                                            class="form-control" required>
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="location" class="form-label">{{ __('موقع المدرسة') }}</label>
                                        <input type="text" id="location" name="location"
                                            value="{{ old('location', $website->location ?? '') }}" class="form-control"
                                            required>
                                    </div>
                                </div>
                                {{-- end website telephone --}}



                                <div class="col-md-12">

                                    <label for="username">{{ __('توقيع مدير المدرسة') }}</label>
                                    <div class="form-group">
                                        <input type='file' onchange="loadFile_signature(signature)" name="signature"
                                            id="signature" class="@error('signature') is-invalid @enderror"
                                            style="display:none;" />
                                        <button id="output_signature" type="button"
                                            onclick="document.getElementById('signature').click();" value="emad"
                                            style="
                                                width: 200px;
                                                height: 100px;
                                                border-radius: 5%;
                                                background-color: #0a1128;
                                                background-image: url({{ asset('storage/' . ($website->signature ?? 'default.png')) }});
                                                background-repeat: no-repeat;
                                                background-size: cover;
                                                background-position: center;
                                                " />
                                    </div>
                                </div>
                                <script>
                                    var loadFile_signature = function(image) {
                                        var image = document.getElementById('output_signature');
                                        var src = URL.createObjectURL(event.target.files[0]);
                                        image.style.backgroundImage = 'url(' + src + ')';
                                    };
                                </script>

                                <div class="col-12 mt-2">
                                    <h3>اعدادات ترويسة الطباعة</h3>
                                </div>

                                {{-- website telephone --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="phone" class="form-label">{{ __('وزارة التعليم') }}</label>
                                        <input type="text" id="pdf_ministry_title" name="pdf_ministry_title"
                                            value="{{ old('pdf_ministry_title', $website->pdf_ministry_title ?? '') }}"
                                            class="form-control" required>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="phone" class="form-label">{{ __('مكتب التعليم') }}</label>
                                        <input type="text" id="pdf_office_title" name="pdf_office_title"
                                            value="{{ old('pdf_office_title', $website->pdf_office_title ?? '') }}"
                                            class="form-control" required>
                                    </div>
                                </div>
                                @if (Auth::user()->user_name == 'admin')
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <label for="phone" class="form-label">{{ __('ادارة التعليم') }}</label>
                                            <input type="text" id="pdf_manager_title" name="pdf_manager_title"
                                                value="{{ old('pdf_manager_title', $website->pdf_manager_title ?? '') }}"
                                                class="form-control" required>
                                        </div>
                                    </div>
                                @else
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="form-group">
                                            <label for="phone" class="form-label">{{ __('ادارة التعليم') }}</label>
                                            <input type="text" id="pdf_manager_title" name="pdf_manager_title"
                                                value="{{ old('pdf_manager_title', $website->pdf_manager_title ?? '') }}"
                                                class="form-control" required>
                                        </div>
                                    </div>
                                @endif
                                @if (Auth::user()->user_name == 'admin')
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <label for="phone" class="form-label">{{ __('اسم البرنامج') }}</label>
                                            <input type="text" id="pdf_program_title" name="pdf_program_title"
                                                value="{{ old('pdf_program_title', $website->pdf_program_title ?? '') }}"
                                                class="form-control" required>
                                        </div>
                                    </div>
                                @else
                                    <div class="col-lg-6 col-md-6 col-sm-12" style="display: none;">
                                        <div class="form-group">
                                            <label for="phone" class="form-label">{{ __('اسم البرنامج') }}</label>
                                            <input type="text" id="pdf_program_title" name="pdf_program_title"
                                                value="{{ old('pdf_program_title', $website->pdf_program_title ?? '') }}"
                                                class="form-control" required>
                                        </div>
                                    </div>
                                @endif
                                {{-- end website telephone --}}
                                <div class="col-md-6">
                                    <label for="username">{{ __('شعار وزارة التربية والتعليم') }}</label>
                                    <div class="form-group">
                                        <input type='file' onchange="loadFile_pdf_super_logo(pdf_super_logo)"
                                            name="pdf_super_logo" id="pdf_super_logo"
                                            class="@error('pdf_super_logo') is-invalid @enderror" style="display:none;" />
                                        <button id="output_pdf_super_logo" type="button"
                                            onclick="document.getElementById('pdf_super_logo').click();" value="emad"
                                            style="
                                                width: 200px;
                                                height: 100px;
                                                border-radius: 5%;
                                                background-color: #0a1128;
                                                background-image: url({{ asset('storage/' . ($website->pdf_super_logo ?? 'default.png')) }});
                                                background-repeat: no-repeat;
                                                background-size: cover;
                                                background-position: center;
                                                " />
                                    </div>
                                </div>
                                <script>
                                    var loadFile_pdf_super_logo = function(image) {
                                        var image = document.getElementById('output_pdf_super_logo');
                                        var src = URL.createObjectURL(event.target.files[0]);
                                        image.style.backgroundImage = 'url(' + src + ')';
                                    };
                                </script>
                                <div class="col-md-6">
                                    <label for="username">{{ __('شعار Vision 2030') }}</label>
                                    <div class="form-group">
                                        <input type='file' onchange="loadFile_pdf_vision_logo(pdf_vision_logo)"
                                            name="pdf_vision_logo" id="pdf_vision_logo"
                                            class="@error('pdf_vision_logo') is-invalid @enderror"
                                            style="display:none;" />
                                        <button id="output_pdf_vision_logo" type="button"
                                            onclick="document.getElementById('pdf_vision_logo').click();" value="emad"
                                            style="
                                                width: 200px;
                                                height: 100px;
                                                border-radius: 5%;
                                                background-color: #0a1128;
                                                background-image: url({{ asset('storage/' . ($website->pdf_vision_logo ?? 'default.png')) }});
                                                background-repeat: no-repeat;
                                                background-size: cover;
                                                background-position: center;
                                                " />
                                    </div>
                                </div>
                                <script>
                                    var loadFile_pdf_vision_logo = function(image) {
                                        var image = document.getElementById('output_pdf_vision_logo');
                                        var src = URL.createObjectURL(event.target.files[0]);
                                        image.style.backgroundImage = 'url(' + src + ')';
                                    };
                                </script>

                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <button type="submit" class="btn btn-primary">{{ __('Update') }}</button>
                                    <button type="submit" class="btn btn-light">{{ __('Cencel') }}</button>
                                </div>
                            </div>
                        </form>
                        <!-- users edit account form ends -->

                    </div>
                </div>
            </section>
            <!-- users edit ends -->

        </div>
    </div>
@endsection