@extends('vendor.dashboards.layouts.master')

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card my-4">
                <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
                    <div class="bg-gradient-dark shadow-dark border-radius-lg pt-4 pb-3">
                        <h6 class="text-white text-capitalize pe-3">الإعدادات</h6>
                        <!-- <button class="btn bg-gradient-success text-capitalize" style="float:left; text-align: center;"><i class="material-icons opacity-10">add</i> إضافة حافلة</button> -->
                    </div>
                </div>
                <div class="card-body px-0 pb-2">
                    <div class="row container">
                        <div class="col-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title">معلومات الحساب</h5>
                                    <div class="form-group mt-2">
                                        <label for="schoolInput">اسم المدرسة</label>
                                        <input type="text" class="form-control" id="schoolInput" value="{{ $user->school->name }}" disabled>
                                    </div>
                                    <div class="form-group mt-2">
                                        <label for="emailInput">البريد الإلكتروني</label>
                                        <input type="email" class="form-control" id="emailInput" value="{{ $user->school ->school_email }}" disabled>
                                    </div>
                                    <div class="form-group mt-2">
                                        <label for="phoneInput">رقم التواصل</label>
                                        <input type="text" class="form-control" id="phoneInput" value="{{ $user->school ->school_phone }}" disabled>
                                    </div>
                                    <div class="form-group mt-2">
                                        <label for="contactPersonInput">اسم المسؤول</label>
                                        <input type="text" class="form-control" id="contactPersonInput" value="{{ $user->name }}" disabled>
                                    </div>
                                </div>
                            </div>
                            <p class="mt-4">لتغيير هذه المعلومات، نرجو التواصل مع خدمة العملاء.</p>
                        </div>
                        <div class="col-6">
                            <div class="card">
                                <div class="card-header">
                                    <form action="{{ route('settings.email_update') }}" method="post">
                                        @csrf
                                        <h5 class="card-title">تعديل معلومات الدخول</h5>
                                        <div class="form-group mt-2">
                                            <label for="currentEmailInput">البريد الإلكتروني الحالي</label>
                                            <input type="email" class="form-control" id="currentEmailInput" value="{{ $user->email }}" disabled>
                                        </div>
                                        <div class="form-group mt-2">
                                            <label for="newEmailInput">البريد الإلكتروني الجديد</label>
                                            <input type="email" name="new_email" class="form-control" id="newEmailInput" placeholder="user@school.com">
                                            @error('new_email')
                                            <div class="text-danger error-massage">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="form-group mt-2">
                                            <label for="newEmailVerifyInput">تأكيد البريد الإلكتروني الجديد</label>
                                            <input type="email" name="new_email_confirmation" class="form-control" id="newEmailVerifyInput" placeholder="user@school.com">
                                            @error('new_email_confirmation')
                                            <div class="text-danger error-massage">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="form-group mt-3">
                                            <button type="submit" class="btn bg-gradient-dark">تحديث البريد الإلكتروني</button>
                                        </div>
                                    </form>

                                    <form method="post" action="{{ route('settings.password_update') }}">
                                        @csrf
                                        <div class="form-group mt-2">
                                            <label for="newPasswordInput">كلمة المرور الجديدة</label>
                                            <input type="password" name="new_password" class="form-control" id="newPasswordInput" placeholder="">
                                            @error('new_password')
                                            <div class="text-danger error-massage">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="form-group mt-2">
                                            <label for="newPasswordVerifyInput">تأكيد كلمة المرور الجديدة</label>
                                            <input type="password" name="new_password_confirmation" class="form-control" id="newPasswordVerifyInput" placeholder="">
                                        </div>
                                        <div class="form-group mt-3">
                                            <button type="submit" class="btn bg-gradient-dark">تحديث كلمة المرور</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection