@extends('layouts.master')

@section('title')
    Pengaturan Umum
@endsection

@section('content')
    <div class="nk-content-body">
        <div class="nk-block-head nk-block-head-sm">
            <div class="nk-block-between">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">Pengaturan Umum</h3>
                </div><!-- .nk-block-head-content -->
                <div class="nk-block-head-content">
                    <a href="{{ route('settings.index') }}" class="btn btn-sm btn-primary">
                        <em class="icon ni ni-arrow-left"></em>Kembali</a>
                </div><!-- .nk-block-head-content -->
            </div><!-- .nk-block-between -->
        </div><!-- .nk-block-head -->
        <div class="nk-block">
            <div class="card">
                <div class="card-inner">
                    <div class="card-head">
                        <h5 class="card-title">Pengaturan website</h5>
                    </div>
                    <form action="{{ route('settings.generalSetting.update') }}" class="gy-3" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <div class="form-group"><label class="form-label" for="site-name">Favicon</label><span
                                        class="form-note">Logo favicon</span></div>
                            </div>
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        @if ($favicon->value)
                                            <img id="output" style="width: 100px:height:100px;object-fit:contain;"
                                                src="{{ asset('uploads/settings/general') . '/images/' . $favicon->value }}"
                                                width="100" height="100" alt="">
                                        @else
                                            <img id="output" style="width: 100px:height:100px;object-fit:contain;"
                                                src="https://via.placeholder.com/100x100" width="100" height="100"
                                                alt="">
                                        @endif
                                        <div class="form-file pt-2">
                                            <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                                id="customFile"
                                                onchange="document.getElementById('output').src = window.URL.createObjectURL(this.files[0])"
                                                name="favicon">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <div class="form-group"><label class="form-label" for="site-name">Logo Dark
                                        Mode</label><span class="form-note">Logo saat mode malam.</span></div>
                            </div>
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        @if ($logoW->value)
                                            <img id="outputW"
                                                style="width: 100px:height:100px;object-fit:contain;background:grey;"
                                                src="{{ asset('uploads/settings/general') . '/images/' . $logoW->value }}"
                                                width="500" height="100" alt="">
                                        @else
                                            <img id="outputW" style="width: 100px:height:100px;object-fit:contain;"
                                                src="https://via.placeholder.com/500x100" width="500" height="100"
                                                alt="">
                                        @endif
                                        <div class="form-file pt-2">
                                            <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                                id="customFile"
                                                onchange="document.getElementById('outputW').src = window.URL.createObjectURL(this.files[0])"
                                                name="logo_white">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <div class="form-group"><label class="form-label" for="site-name">Logo
                                        Mode</label><span class="form-note">Logo website.</span></div>
                            </div>
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        @if ($logoD->value)
                                            <img id="outputD" style="width: 100px:height:100px;object-fit:contain;"
                                                src="{{ asset('uploads/settings/general') . '/images/' . $logoD->value }}"
                                                width="500" height="100" alt="">
                                        @else
                                            <img id="outputD" style="width: 100px:height:100px;object-fit:contain;"
                                                src="https://via.placeholder.com/500x100" width="500" height="100"
                                                alt="">
                                        @endif
                                        <div class="form-file pt-2">
                                            <input type="file" accept="image/png, image/gif, image/jpeg, image/svg+xml"
                                                id="customFile"
                                                onchange="document.getElementById('outputD').src = window.URL.createObjectURL(this.files[0])"
                                                name="logo_dark">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <div class="form-group"><label class="form-label" for="site-name">Nama situs</label><span
                                        class="form-note">Spesikasi nama situs kamu</span></div>
                            </div>
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" name="name_website" id="site-name"
                                            value="{{ Helper::generalSetting('GS', 'name_website') }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <div class="form-group"><label class="form-label">Slogan situs</label><span
                                        class="form-note">Spesifikasi slogan situs kamu.</span></div>
                            </div>
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap"><input type="text" name="slogan"
                                            class="form-control" id="site-email"
                                            value="{{ Helper::generalSetting('GS', 'slogan') }}"></div>
                                </div>
                            </div>
                        </div>
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <div class="form-group"><label class="form-label">Deskripsi situs</label><span
                                        class="form-note">Spesifikasi deskripsi situs kamu</span></div>
                            </div>
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap"><input type="text" name="desc"
                                            class="form-control" id="site-copyright"
                                            value="{{ Helper::generalSetting('GS', 'desc') }}"></div>
                                </div>
                            </div>
                        </div>
                        <div class="row g-3 align-center">
                            <div class="col-lg-5">
                                <div class="form-group"><label class="form-label">Versi Situs</label><span
                                        class="form-note">Versi situs kamu.</span></div>
                            </div>
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <p>Versi 2.0 - Last Updated 01 November 2023</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row g-3">
                            <div class="col-lg-7 offset-lg-5">
                                <div class="form-group mt-2"><button type="submit"
                                        class="btn btn-lg btn-primary">Perbarui</button></div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div><!-- .nk-block -->
    </div>
@endsection