@extends('layouts.main', ['title' => 'Pengaturan'])


@push('scripts')
    <script>
        //validate site_logo and preview image
        const site_logo = document.getElementById('site_logo');
        const site_logo_preview = document.getElementById('site_logo_preview');
        site_logo.addEventListener('change', function() {
            const file = this.files[0];
            if (file) {
                const reader = new FileReader();
                reader.onload = function() {
                    site_logo_preview.src = reader.result;
                }
                reader.readAsDataURL(file);
            }
        });
    </script>
@endpush



@section('content')
    <section class="section main-section">

        <div class="card ">
            <header class="card-header">
                <div class="card-header-title">
                    <span class="icon"><i class="mdi mdi-account-multiple"></i></span>
                    Pengaturan
                    
                </div>
                
            </header>
            <div class="card-content">
                <form action="{{ route('setting.update') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="field">
                        <label class="label">Nama</label>
                        <div class="field-body">
                            <div class="control">
                                <input type="hidden" name="key[]" value="site_name">
                                <input class="input" name="site_name" type="text" placeholder="Nama Lembaga/Aplikasi"
                                    value="{{ old('site_name', @$setting::get('site_name')) }}">
                                
                            </div>
                            @error('site_name')
                                <p class="help is-danger text-red-500">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>
                    <div class="field">
                        <label class="label">Deskripsi</label>
                        <div class="field-body">
                            <div class="control">
                                <input type="hidden" name="key[]" value="site_description">
                                <input class="input" name="site_description" type="text" placeholder="Nama Lembaga/Aplikasi"
                                    value="{{ old('site_description', @$setting::get('site_description')) }}">
                                
                            </div>
                            @error('site_description')
                                <p class="help is-danger text-red-500">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>
                    <div class="field">
                        <label class="label">Alamat</label>
                        <div class="field-body">
                            <div class="control">
                                <input type="hidden" name="key[]" value="address">
                                <input class="input" name="address" type="text" placeholder="Alamat Lembaga/Aplikasi"
                                    value="{{ old('address', @$setting::get('address')) }}">
                                
                            </div>
                            @error('address')
                                <p class="help is-danger text-red-500">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>

                    <div class="field">
                        <label class="label">Logo</label>
                        <div class="field-body">
                            <div class="control">
                                <input type="hidden" name="key[]" value="site_logo">
                                <input type="hidden" name="default_site_logo" value="{{@$setting::get('site_logo')}}">
                                <input class="input" name="site_logo" id="site_logo" type="file" placeholder="Logo Lembaga/Aplikasi"
                                    value="{{ old('value.3', @$setting::get('site_logo')) }}">
                                
                            </div>
                            <img src="{{ url("uploads/".@$setting::get('site_logo')) }}?t={{date("YmdHis")}}" alt="Logo" id="site_logo_preview" style="width: 100px;">
                            @error('site_logo')
                                <p class="help is-danger text-red-500">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>

                    <div class="field">
                        <label class="label">Email</label>
                        <div class="field-body">
                            <div class="control">
                                <input type="hidden" name="key[]" value="site_email">
                                <input class="input" name="site_email" type="email" placeholder="Email Lembaga/Aplikasi"
                                    value="{{ old('site_email', @$setting::get('site_email')) }}">
                                
                            </div>
                            @error('site_email')
                                <p class="help is-danger text-red-500">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>

                    <div class="field">
                        <label class="label">Catatan Nota</label>
                        <div class="field-body">
                            <div class="control">
                                <input type="hidden" name="key[]" value="catatan_nota">
                                <textarea name="catatan_nota" id="catatan_nota" cols="30" rows="10" class="textarea">{{ old('catatan_nota', @$setting::get('catatan_nota')) }}</textarea>
                                
                                @error('catatan_nota')
                                <p class="help is-danger text-red-500">{{ $message }}</p>
                            @enderror
                            </div>
                            @error('email')
                                <p class="help is-danger text-red-500">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>


                    <hr>
                    <p class="mb-2 text-2xl font-bold">
                        Rekening Bank
                    </p>
                    <div class="field">
                        <label class="label">Nama Bank</label>
                        <div class="field-body">
                            <div class="control">
                                <input type="hidden" name="key[]" value="bank_name">
                                <input class="input" name="bank_name" type="text" placeholder="Nama Bank..."
                                    value="{{ old('bank_name', @$setting::get('bank_name')) }}">
                                
                            </div>
                            @error('bank_name')
                                <p class="help is-danger text-red-500">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>
                    <div class="field">
                        <label class="label">Nomor Rekening</label>
                        <div class="field-body">
                            <div class="control">
                                <input type="hidden" name="key[]" value="bank_account">
                                <input class="input" name="bank_account" type="text" placeholder="Nomor Rekening..."
                                    value="{{ old('bank_account', @$setting::get('bank_account')) }}">
                                
                            </div>
                            @error('bank_account')
                                <p class="help is-danger text-red-500">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>

                    <hr>
                    <p class="mb-2 text-2xl font-bold">
                        Notifikasi WooWa
                    </p>
                    {{-- <div class="field">
                        <label class="label">Pesan Notifikasi 7 Hari Sebelum Tenggat Pembayaran</label>
                        <div class="field-body">
                            <div class="control">
                                <input type="hidden" name="key[]" value="pesan_notifikasi_7_hari">
                                <textarea name="pesan_notifikasi_7_hari" class="input" >{{ old('pesan_notifikasi_7_hari', @$setting::get('pesan_notifikasi_7_hari')) }}</textarea>
                            </div>
                            @error('woo_wa_key')
                                <p class="help is-danger text-red-500">{{ $message }}</p>
                            @enderror
                        </div>
                    </div> --}}
                    <div class="field">
                        <label class="label">WooWa Key</label>
                        <div class="field-body">
                            <div class="control">
                                <input type="hidden" name="key[]" value="woo_wa_key">
                                <input class="input" name="woo_wa_key" type="password" placeholder="WooWa API Key"
                                    value="{{ old('woo_wa_key', @$setting::get('woo_wa_key')) }}">
                                
                            </div>
                            @error('woo_wa_key')
                                <p class="help is-danger text-red-500">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>
                    


                    <div class="w-full">
                        <hr>
                        <div class="field grouped">
                            <div class="control">
                                <button type="submit" class="button green">
                                    Submit
                                </button>
                            </div>
                            <div class="control">
                                <button type="reset" class="button red">
                                    Reset
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
                @foreach ($tahunAjarans as $tahunAjaran)
                            <form action="{{ route('setting.tahun-ajaran.delete',$tahunAjaran->id) }}" method="POST" id="delete-data-{{$tahunAjaran->id}}">
                                        @csrf
                                        @method('DELETE')
                                    </form>
                        @endforeach
            </div>
           
        </div>
    </section>
@endsection