@extends('admin.layouts.master')
@section('breadcrumb')
    <div class="content-header-left col-md-8 col-12 mb-2 breadcrumb-new">
        <h3 class="content-header-title mb-0 d-inline-block">الاعدادات</h3>
        <div class="row breadcrumbs-top d-inline-block">
            <div class="breadcrumb-wrapper col-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard.settings.edit') }}">الاعدادات</a>
                    </li>
                    <li class="breadcrumb-item active">تعديل
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endsection
@section('content')


    <section class="content">
        <div class="container-fluid">
            <div class="card">
                @if (session('success'))
                    <div class="alert alert-icon-left alert-success alert-dismissible mb-2" role="alert">
                        <span class="alert-icon"><i class="fa fa-thumbs-o-up"></i></span>
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <strong>تم بنجاح!</strong> {{ session('success') }}
                    </div>
                @endif
                <div class="card-header">
                    <h3 class="card-title">معلومات التطبيق</h3>
                </div>
                <div class="card-body">
                    <form action="{{ route('dashboard.settings.update') }}" method="POST" enctype="multipart/form-data">
                        @csrf

                        <!-- App Name -->
                        <div class="form-group">
                            <label for="app_name">اسم التطبيق</label>
                            <input type="text" class="form-control" id="app_name" name="app_name"
                                value="{{ old('app_name', $settings->app_name ?? '') }}" placeholder="أدخل اسم التطبيق">
                        </div>

                        <!-- App Description -->
                        <div class="form-group">
                            <label for="app_description">وصف التطبيق</label>
                            <textarea class="form-control" id="app_description" name="app_description" rows="3"
                                placeholder="أدخل وصف التطبيق">{{ old('app_description', $settings->app_description ?? '') }}</textarea>
                        </div>

                        <!-- Meta Keywords -->
                        <div class="form-group">
                            <label for="meta_keywords">الكلمات المفتاحية</label>
                            <input type="text" class="form-control" id="meta_keywords" name="meta_keywords"
                                value="{{ old('meta_keywords', $settings->meta_keywords ?? '') }}"
                                placeholder="أدخل الكلمات المفتاحية">
                        </div>

                        <!-- Contact Number -->
                        <div class="form-group">
                            <label for="contact_number">رقم الاتصال</label>
                            <input type="text" class="form-control" id="contact_number" name="contact_number"
                                value="{{ old('contact_number', $settings->contact_number ?? '') }}"
                                placeholder="أدخل رقم الاتصال">
                        </div>

                        <!-- Logo Upload -->
                        <div class="form-group">
                            <label for="logo">شعار التطبيق</label>
                            <input type="file" class="form-control-file" id="logo" name="logo">
                            @if ($settings && $settings->logo)
                                <img src="{{ asset('storage/' . $settings->logo) }}" alt="شعار" width="100"
                                    class="mt-2">
                            @endif
                        </div>

                        <!-- Favicon Upload -->
                        <div class="form-group">
                            <label for="favicon">أيقونة التطبيق</label>
                            <input type="file" class="form-control-file" id="favicon" name="favicon">
                            @if ($settings && $settings->favicon)
                                <img src="{{ asset('storage/' . $settings->favicon) }}" alt="أيقونة" width="32"
                                    class="mt-2">
                            @endif
                        </div>

                        <!-- footer_img Upload -->
                        <div class="form-group">
                            <label for="footer_img">شعار الفوتر</label>
                            <input type="file" class="form-control-file" id="footer_img" name="footer_img">
                            @if ($settings && $settings->footer_img)
                                <img src="{{ asset('storage/' . $settings->footer_img) }}" alt="الفوتر" width="32"
                                    class="mt-2">
                            @endif
                        </div>

                        <!-- Social Media Links -->
                        <div class="form-group">
                            <label for="facebook_url">رابط الفيسبوك</label>
                            <input type="url" class="form-control" id="facebook_url" name="facebook_url"
                                value="{{ old('facebook_url', $settings->facebook_url ?? '') }}"
                                placeholder="أدخل رابط الفيسبوك">
                        </div>

                        <!-- Social Media Links -->
                        <div class="form-group">
                            <label for="email">البريد الالكتروني</label>
                            <input type="email" class="form-control" id="email" name="email"
                                value="{{ old('facebook_url', $settings->email ?? '') }}" placeholder="أدخل الايميل">
                        </div>


                        <div class="form-group">
                            <label for="instagram_url">رابط إنستغرام</label>
                            <input type="url" class="form-control" id="instagram_url" name="instagram_url"
                                value="{{ old('instagram_url', $settings->instagram_url ?? '') }}"
                                placeholder="أدخل رابط إنستغرام">
                        </div>

                        <div class="form-group">
                            <label for="linkedin_url">رابط لينكدإن</label>
                            <input type="url" class="form-control" id="linkedin_url" name="linkedin_url"
                                value="{{ old('linkedin_url', $settings->linkedin_url ?? '') }}"
                                placeholder="أدخل رابط لينكدإن">
                        </div>

                        <div class="form-group">
                            <label for="tiktok_url">رابط تيك توك</label>
                            <input type="url" class="form-control" id="tiktok_url" name="tiktok_url"
                                value="{{ old('tiktok_url', $settings->tiktok_url ?? '') }}"
                                placeholder="أدخل رابط تيك توك">
                        </div>

                        <!-- Submit Button -->
                        <button type="submit" class="btn btn-primary">حفظ الإعدادات</button>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection