@extends('template.main')
@section('content')
    @include('template.navbar.admin')
    <div id="content" class="main-content">
        <div class="layout-px-spacing">
            <div class="row layout-spacing">
                <!-- Content -->
                <div class="col-xl-4 col-lg-6 col-md-5 col-sm-12 layout-top-spacing">
                    <div class="user-profile layout-spacing">
                        <div class="widget-content widget-content-area">
                            <div class="d-flex justify-content-between">
                                <h3 class="">My Profile</h3>
                                <a href="javascript:void(0);" class="mt-2 edit-profile">
                                    <span data-feather="edit-3"></span>
                                </a>
                            </div>
                            <div class="text-center user-info">
                                <img src="{{ asset('assets/user-profile/' . $admin->avatar) }}" class="img-user" alt="avatar"style="width: 125px; height: 125px;">
                                <p class="">{{ $admin->nama_admin }}</p>
                                <p style="margin-top: -15px;">Admin</p>
                            </div>
                            <div class="user-info-list" style="margin-top: -20px;">
                                <div class="text-center">
                                    <ul class="contacts-block list-unstyled">
                                        <li class="contacts-block__item">
                                            <span
                                                data-feather="calendar"></span><br>{{ $admin->created_at->diffForHumans() }}
                                        </li>
                                        <li class="contacts-block__item">
                                            <span data-feather="mail"></span><br>{{ $admin->email }}
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="education layout-spacing ">
                        <div class="widget-content widget-content-area">
                            <h3 class="">Notif Email Settings</h3>
                            <form action="{{ url('/admin/smtp_email/' . $email_settings->id) }}" method="post">
                                @csrf
                                <div class="form-group">
                                    <label >Tambah Akun Oleh Admin</label>
                                    <div class="n-chk">
                                        <label class="new-control new-radio radio-classic-primary">
                                        <input type="radio" class="new-control-input" name="notif_akun" value="1" {{ ($email_settings->notif_akun === 1) ? 'checked' : ''}}>
                                        <span class="new-control-indicator"></span>On
                                        </label>
                                    </div>
                                    <div class="n-chk">
                                        <label class="new-control new-radio radio-classic-danger">
                                        <input type="radio" class="new-control-input" name="notif_akun" value="0" {{ ($email_settings->notif_akun === 0) ? 'checked' : ''}}>
                                        <span class="new-control-indicator"></span>OF
                                        </label>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label >Notif Materi</label>
                                    <div class="n-chk">
                                        <label class="new-control new-radio radio-classic-primary">
                                        <input type="radio" class="new-control-input" name="notif_materi" value="1" {{ ($email_settings->notif_materi === 1) ? 'checked' : ''}}>
                                        <span class="new-control-indicator"></span>On
                                        </label>
                                    </div>
                                    <div class="n-chk">
                                        <label class="new-control new-radio radio-classic-danger">
                                        <input type="radio" class="new-control-input" name="notif_materi" value="0" {{ ($email_settings->notif_materi === 0) ? 'checked' : ''}}>
                                        <span class="new-control-indicator"></span>OF
                                        </label>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label >Notif Tugas</label>
                                    <div class="n-chk">
                                        <label class="new-control new-radio radio-classic-primary">
                                        <input type="radio" class="new-control-input" name="notif_tugas" value="1" {{ ($email_settings->notif_tugas === 1) ? 'checked' : ''}}>
                                        <span class="new-control-indicator"></span>On
                                        </label>
                                    </div>
                                    <div class="n-chk">
                                        <label class="new-control new-radio radio-classic-danger">
                                        <input type="radio" class="new-control-input" name="notif_tugas" value="0" {{ ($email_settings->notif_tugas === 0) ? 'checked' : ''}}>
                                        <span class="new-control-indicator"></span>OF
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label >Notif Ujian</label>
                                    <div class="n-chk">
                                        <label class="new-control new-radio radio-classic-primary">
                                        <input type="radio" class="new-control-input" name="notif_ujian" value="1" {{ ($email_settings->notif_ujian === 1) ? 'checked' : ''}}>
                                        <span class="new-control-indicator"></span>On
                                        </label>
                                    </div>
                                    <div class="n-chk">
                                        <label class="new-control new-radio radio-classic-danger">
                                        <input type="radio" class="new-control-input" name="notif_ujian" value="0" {{ ($email_settings->notif_ujian === 0) ? 'checked' : ''}}>
                                        <span class="new-control-indicator"></span>OF
                                        </label>
                                    </div>
                                </div>
                                <hr style="margin-top: -13px;">
                                <button type="submit" class="btn btn-primary">Save</button>
                            </form>
                        </div>
                    </div>

                </div>

                <div class="col-xl-8 col-lg-6 col-md-7 col-sm-12 layout-top-spacing">

                    <div class="skills layout-spacing ">
                        <div class="widget-content widget-content-area">
                            <h3 class="">Update Profile</h3>
                            <form action="{{ url('/admin/edit_profile/' . $admin->id) }}" method="post" enctype="multipart/form-data">
                                @csrf
                                <div class="form-group">
                                    <label for="">Nama</label>
                                    <input type="text" name="nama_admin" id="nama_admin" value="{{ $admin->nama_admin }}"
                                        class="form-control" required>
                                        @error('nama_admin')
                                            <div class="text-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                </div>
                                <div class="form-group">
                                    <label for="">Email</label>
                                    <input type="email" name="email" id="email" value="{{ $admin->email }}"
                                        class="form-control" required readonly>
                                </div>
                                <div class="form-group">
                                    <label for="">Foto</label>
                                    <div class="custom-file">
                                        <input type="file" class="custom-file-input" name="avatar" id="customFile"
                                            accept=".jpg, .png, .jpeg" onchange="previewImg()">
                                        <input type="hidden" name="gambar_lama" value="{{ $admin->avatar }}">
                                        <label class="custom-file-label" for="customFile">Choose file</label>
                                    </div>
                                    @error('avatar')
                                        <div class="text-danger">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                <button type="submit" class="btn btn-primary mt-3">Save</button>
                            </form>
                        </div>
                    </div>

                    <div class="skills layout-spacing">
                        <div class="widget-content widget-content-area">
                            <h3 class="">Password</h3>
                            <form action="{{ url('/admin/edit_password/' . $admin->id) }}" method="post">
                                @csrf
                                <div class="form-group">
                                    <label for="">Current Password</label>
                                    <input type="password" name="current_password" class="form-control" required>
                                </div>
                                <div class="form-group">
                                    <label for="">New Password</label>
                                    <input type="password" name="password" class="form-control" required>
                                </div>
                                <button type="submit" class="btn btn-primary">Save</button>
                            </form>
                        </div>
                    </div>

                </div>

            </div>
        </div>
        @include('template.footer')
    </div>
    <!--  END CONTENT AREA  -->
    <script>
        function previewImg(){var e=document.querySelector("#customFile");const t=document.querySelector(".custom-file-label"),o=document.querySelector(".img-user");t.textContent=e.files[0].name;const n=new FileReader;n.readAsDataURL(e.files[0]),n.onload=function(e){o.src=e.target.result}}
    </script>
    {!! session('pesan') !!}
@endsection