@extends('layouts.app')

@section('title', __('stage_academy.settings.title'))

@push('styles')
<link href="{{ asset('css/stage-academy.css') }}" rel="stylesheet">
<style>
.sa-settings-card .form-label { font-weight: 600; }
.sa-settings-card input[type="text"], .sa-settings-card input[type="url"], .sa-settings-card input[type="email"], .sa-settings-card textarea { border-radius: 10px; }
.sa-settings-card .card-header { background: var(--surface-color, #fcfcfc); }
</style>
@endpush

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2 class="fw-bold mb-0">{{ __('stage_academy.settings.title') }}</h2>
        <a href="{{ route('stage-academy') }}" class="btn btn-outline-secondary">
            <i class="bi {{ app()->getLocale() == 'ar' ? 'bi-arrow-right' : 'bi-arrow-left' }}"></i> {{ __('common.back') }}
        </a>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="bi bi-check2-circle me-2"></i> {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <div class="row g-3">
        <div class="col-12 col-lg-6">
            <div class="card sa-card sa-settings-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span class="fw-bold">{{ __('stage_academy.settings.sections.general') }}</span>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'general']) }}" enctype="multipart/form-data">
                        @csrf
                        <div class="row g-3">
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.site_name_ar') }}</label>
                                <input type="text" name="site_name_ar" class="form-control" value="{{ $settings['general']['site_name_ar'] ?? '' }}" required>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.site_name_en') }}</label>
                                <input type="text" name="site_name_en" class="form-control" value="{{ $settings['general']['site_name_en'] ?? '' }}" required>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.description_ar') }}</label>
                                <textarea name="description_ar" class="form-control" rows="3">{{ $settings['general']['description_ar'] ?? '' }}</textarea>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.description_en') }}</label>
                                <textarea name="description_en" class="form-control" rows="3">{{ $settings['general']['description_en'] ?? '' }}</textarea>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.currency') }}</label>
                                <input type="text" name="currency" class="form-control" value="{{ $settings['general']['currency'] ?? '' }}" required>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.logo') }}</label>
                                <input type="file" name="logo" class="form-control">
                                @if(!empty($settings['general']['logo']))
                                    <div class="mt-2 sa-thumb"><img src="{{ asset('storage/'.$settings['general']['logo']) }}" alt="logo"></div>
                                @endif
                            </div>
                        </div>
                        <div class="mt-3 d-flex justify-content-end">
                            <button class="btn btn-primary">{{ __('common.save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6">
            <div class="card sa-card sa-settings-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span class="fw-bold">{{ __('stage_academy.settings.sections.hero') }}</span>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'hero']) }}" enctype="multipart/form-data">
                        @csrf
                        <div class="row g-3">
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.title_ar') }}</label>
                                <input type="text" name="title_ar" class="form-control" value="{{ $settings['hero']['title_ar'] ?? '' }}" required>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.title_en') }}</label>
                                <input type="text" name="title_en" class="form-control" value="{{ $settings['hero']['title_en'] ?? '' }}" required>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.description_ar') }}</label>
                                <textarea name="description_ar" class="form-control" rows="3">{{ $settings['hero']['description_ar'] ?? '' }}</textarea>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.description_en') }}</label>
                                <textarea name="description_en" class="form-control" rows="3">{{ $settings['hero']['description_en'] ?? '' }}</textarea>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.button_text_ar') }}</label>
                                <input type="text" name="button_text_ar" class="form-control" value="{{ $settings['hero']['button_text_ar'] ?? '' }}">
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.button_text_en') }}</label>
                                <input type="text" name="button_text_en" class="form-control" value="{{ $settings['hero']['button_text_en'] ?? '' }}">
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.button_url') }}</label>
                                <input type="url" name="button_url" class="form-control" value="{{ $settings['hero']['button_url'] ?? '' }}">
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.image') }}</label>
                                <input type="file" name="image" class="form-control">
                                @if(!empty($settings['hero']['image']))
                                    <div class="mt-2 sa-thumb"><img src="{{ asset('storage/'.$settings['hero']['image']) }}" alt="hero"></div>
                                @endif
                            </div>
                        </div>
                        <div class="mt-3 d-flex justify-content-end">
                            <button class="btn btn-primary">{{ __('common.save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6">
            <div class="card sa-card sa-settings-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span class="fw-bold">{{ __('stage_academy.settings.sections.about') }}</span>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'about']) }}" enctype="multipart/form-data">
                        @csrf
                        <div class="row g-3">
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.title_ar') }}</label>
                                <input type="text" name="title_ar" class="form-control" value="{{ $settings['about']['title_ar'] ?? '' }}" required>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.title_en') }}</label>
                                <input type="text" name="title_en" class="form-control" value="{{ $settings['about']['title_en'] ?? '' }}" required>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.description_ar') }}</label>
                                <textarea name="description_ar" class="form-control" rows="3">{{ $settings['about']['description_ar'] ?? '' }}</textarea>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.description_en') }}</label>
                                <textarea name="description_en" class="form-control" rows="3">{{ $settings['about']['description_en'] ?? '' }}</textarea>
                            </div>
                            <div class="col-12">
                                <label class="form-label">{{ __('stage_academy.settings.fields.image') }}</label>
                                <input type="file" name="image" class="form-control">
                                @if(!empty($settings['about']['image']))
                                    <div class="mt-2 sa-thumb"><img src="{{ asset('storage/'.$settings['about']['image']) }}" alt="about"></div>
                                @endif
                            </div>
                        </div>
                        <div class="mt-3 d-flex justify-content-end">
                            <button class="btn btn-primary">{{ __('common.save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6">
            <div class="card sa-card sa-settings-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span class="fw-bold">{{ __('stage_academy.settings.sections.contact') }}</span>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'contact']) }}">
                        @csrf
                        <div class="row g-3">
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.title_ar') }}</label>
                                <input type="text" name="title_ar" class="form-control" value="{{ $settings['contact']['title_ar'] ?? '' }}" required>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.title_en') }}</label>
                                <input type="text" name="title_en" class="form-control" value="{{ $settings['contact']['title_en'] ?? '' }}" required>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.description_ar') }}</label>
                                <textarea name="description_ar" class="form-control" rows="3">{{ $settings['contact']['description_ar'] ?? '' }}</textarea>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.description_en') }}</label>
                                <textarea name="description_en" class="form-control" rows="3">{{ $settings['contact']['description_en'] ?? '' }}</textarea>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.address_ar') }}</label>
                                <input type="text" name="address_ar" class="form-control" value="{{ $settings['contact']['address_ar'] ?? '' }}">
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.address_en') }}</label>
                                <input type="text" name="address_en" class="form-control" value="{{ $settings['contact']['address_en'] ?? '' }}">
                            </div>
                            <div class="col-12 col-md-4">
                                <label class="form-label">{{ __('stage_academy.settings.fields.phone') }}</label>
                                <input type="text" name="phone" class="form-control" value="{{ $settings['contact']['phone'] ?? '' }}">
                            </div>
                            <div class="col-12 col-md-4">
                                <label class="form-label">{{ __('stage_academy.settings.fields.email') }}</label>
                                <input type="email" name="email" class="form-control" value="{{ $settings['contact']['email'] ?? '' }}">
                            </div>
                            <div class="col-12 col-md-4">
                                <label class="form-label">{{ __('stage_academy.settings.fields.map') }}</label>
                                <input type="text" name="map" class="form-control" value="{{ $settings['contact']['map'] ?? '' }}">
                            </div>
                        </div>
                        <div class="mt-3 d-flex justify-content-end">
                            <button class="btn btn-primary">{{ __('common.save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6">
            <div class="card sa-card sa-settings-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span class="fw-bold">{{ __('stage_academy.settings.sections.header_links') }}</span>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'header_links']) }}">
                        @csrf
                        <div class="row g-3">
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.name_ar') }}</label>
                                <input type="text" name="name_ar" class="form-control" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.name_en') }}</label>
                                <input type="text" name="name_en" class="form-control" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.url') }}</label>
                                <input type="url" name="url" class="form-control" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.sort') }}</label>
                                <input type="number" name="sort_order" class="form-control" min="0" value="0">
                            </div>
                            <div class="col-12 d-flex justify-content-end">
                                <div class="form-check me-3">
                                    <input class="form-check-input" type="checkbox" name="is_visible" id="headerVisible" checked>
                                    <label class="form-check-label" for="headerVisible">{{ __('stage_academy.settings.fields.is_visible') }}</label>
                                </div>
                                <button class="btn btn-primary">{{ __('common.save') }}</button>
                            </div>
                        </div>
                    </form>
                    <div class="sa-smart-list mt-3">
                        @foreach($headerLinks as $link)
                            <div class="sa-smart-row">
                                <div class="flex-grow-1">
                                    <div class="d-flex gap-2 flex-wrap">
                                        <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'header_links']) }}" class="w-100">
                                            @csrf
                                            <input type="hidden" name="id" value="{{ $link->id }}">
                                            <div class="row g-2">
                                                <div class="col-md-3">
                                                    <input type="text" name="name_ar" class="form-control" value="{{ $link->name_ar }}">
                                                </div>
                                                <div class="col-md-3">
                                                    <input type="text" name="name_en" class="form-control" value="{{ $link->name_en }}">
                                                </div>
                                                <div class="col-md-3">
                                                    <input type="url" name="url" class="form-control" value="{{ $link->url }}">
                                                </div>
                                                <div class="col-md-2">
                                                    <input type="number" name="sort_order" class="form-control" min="0" value="{{ $link->sort_order }}">
                                                </div>
                                                <div class="col-md-1 d-flex align-items-center">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" name="is_visible" {{ $link->is_visible ? 'checked' : '' }}>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mt-2 d-flex justify-content-end gap-2">
                                                <button class="btn btn-light sa-action-btn">{{ __('common.save') }}</button>
                                                <button class="btn btn-danger sa-action-btn" name="delete" value="1">{{ __('common.delete') }}</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6">
            <div class="card sa-card sa-settings-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span class="fw-bold">{{ __('stage_academy.settings.sections.footer_links') }}</span>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'footer_links']) }}">
                        @csrf
                        <div class="row g-3">
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.name_ar') }}</label>
                                <input type="text" name="name_ar" class="form-control" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.name_en') }}</label>
                                <input type="text" name="name_en" class="form-control" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.url') }}</label>
                                <input type="url" name="url" class="form-control" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.sort') }}</label>
                                <input type="number" name="sort_order" class="form-control" min="0" value="0">
                            </div>
                            <div class="col-12 d-flex justify-content-end">
                                <div class="form-check me-3">
                                    <input class="form-check-input" type="checkbox" name="is_visible" id="footerVisible" checked>
                                    <label class="form-check-label" for="footerVisible">{{ __('stage_academy.settings.fields.is_visible') }}</label>
                                </div>
                                <button class="btn btn-primary">{{ __('common.save') }}</button>
                            </div>
                        </div>
                    </form>
                    <div class="sa-smart-list mt-3">
                        @foreach($footerLinks as $link)
                            <div class="sa-smart-row">
                                <div class="flex-grow-1">
                                    <div class="d-flex gap-2 flex-wrap">
                                        <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'footer_links']) }}" class="w-100">
                                            @csrf
                                            <input type="hidden" name="id" value="{{ $link->id }}">
                                            <div class="row g-2">
                                                <div class="col-md-3">
                                                    <input type="text" name="name_ar" class="form-control" value="{{ $link->name_ar }}">
                                                </div>
                                                <div class="col-md-3">
                                                    <input type="text" name="name_en" class="form-control" value="{{ $link->name_en }}">
                                                </div>
                                                <div class="col-md-3">
                                                    <input type="url" name="url" class="form-control" value="{{ $link->url }}">
                                                </div>
                                                <div class="col-md-2">
                                                    <input type="number" name="sort_order" class="form-control" min="0" value="{{ $link->sort_order }}">
                                                </div>
                                                <div class="col-md-1 d-flex align-items-center">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" name="is_visible" {{ $link->is_visible ? 'checked' : '' }}>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mt-2 d-flex justify-content-end gap-2">
                                                <button class="btn btn-light sa-action-btn">{{ __('common.save') }}</button>
                                                <button class="btn btn-danger sa-action-btn" name="delete" value="1">{{ __('common.delete') }}</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6">
            <div class="card sa-card sa-settings-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span class="fw-bold">{{ __('stage_academy.settings.sections.stats') }}</span>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'stats']) }}">
                        @csrf
                        <div class="row g-3">
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.number') }}</label>
                                <input type="text" name="number" class="form-control" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.title_ar') }}</label>
                                <input type="text" name="title_ar" class="form-control" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.title_en') }}</label>
                                <input type="text" name="title_en" class="form-control" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">{{ __('stage_academy.settings.fields.sort') }}</label>
                                <input type="number" name="sort_order" class="form-control" min="0" value="0">
                            </div>
                        </div>
                        <div class="mt-3 d-flex justify-content-end">
                            <button class="btn btn-primary">{{ __('common.save') }}</button>
                        </div>
                    </form>
                    <div class="sa-smart-list mt-3">
                        @foreach($stats as $stat)
                            <div class="sa-smart-row">
                                <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'stats']) }}" class="w-100">
                                    @csrf
                                    <input type="hidden" name="id" value="{{ $stat->id }}">
                                    <div class="row g-2">
                                        <div class="col-md-3"><input type="text" name="number" class="form-control" value="{{ $stat->number }}"></div>
                                        <div class="col-md-3"><input type="text" name="title_ar" class="form-control" value="{{ $stat->title_ar }}"></div>
                                        <div class="col-md-3"><input type="text" name="title_en" class="form-control" value="{{ $stat->title_en }}"></div>
                                        <div class="col-md-2"><input type="number" name="sort_order" class="form-control" min="0" value="{{ $stat->sort_order }}"></div>
                                        <div class="col-md-1 d-flex align-items-center justify-content-end gap-2">
                                            <button class="btn btn-light sa-action-btn">{{ __('common.save') }}</button>
                                            <button class="btn btn-danger sa-action-btn" name="delete" value="1">{{ __('common.delete') }}</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6">
            <div class="card sa-card sa-settings-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span class="fw-bold">{{ __('stage_academy.settings.sections.social') }}</span>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'social']) }}">
                        @csrf
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">Facebook</label>
                                <input type="url" name="facebook" class="form-control" value="{{ $settings['social']['facebook'] ?? '' }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Instagram</label>
                                <input type="url" name="instagram" class="form-control" value="{{ $settings['social']['instagram'] ?? '' }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">TikTok</label>
                                <input type="url" name="tiktok" class="form-control" value="{{ $settings['social']['tiktok'] ?? '' }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">YouTube</label>
                                <input type="url" name="youtube" class="form-control" value="{{ $settings['social']['youtube'] ?? '' }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">X</label>
                                <input type="url" name="x" class="form-control" value="{{ $settings['social']['x'] ?? '' }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">LinkedIn</label>
                                <input type="url" name="linkedin" class="form-control" value="{{ $settings['social']['linkedin'] ?? '' }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">WhatsApp</label>
                                <input type="url" name="whatsapp" class="form-control" value="{{ $settings['social']['whatsapp'] ?? '' }}">
                            </div>
                        </div>
                        <div class="mt-3 d-flex justify-content-end">
                            <button class="btn btn-primary">{{ __('common.save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6">
            <div class="card sa-card sa-settings-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span class="fw-bold">{{ __('stage_academy.settings.sections.seo') }}</span>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'seo']) }}" enctype="multipart/form-data">
                        @csrf
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.meta_title_ar') }}</label>
                                <input type="text" name="meta_title_ar" class="form-control" value="{{ $settings['seo']['meta_title_ar'] ?? '' }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.meta_title_en') }}</label>
                                <input type="text" name="meta_title_en" class="form-control" value="{{ $settings['seo']['meta_title_en'] ?? '' }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.meta_description_ar') }}</label>
                                <textarea name="meta_description_ar" class="form-control" rows="3">{{ $settings['seo']['meta_description_ar'] ?? '' }}</textarea>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">{{ __('stage_academy.settings.fields.meta_description_en') }}</label>
                                <textarea name="meta_description_en" class="form-control" rows="3">{{ $settings['seo']['meta_description_en'] ?? '' }}</textarea>
                            </div>
                            <div class="col-12">
                                <label class="form-label">{{ __('stage_academy.settings.fields.share_image') }}</label>
                                <input type="file" name="share_image" class="form-control">
                                @if(!empty($settings['seo']['share_image']))
                                    <div class="mt-2 sa-thumb"><img src="{{ asset('storage/'.$settings['seo']['share_image']) }}" alt="seo"></div>
                                @endif
                            </div>
                        </div>
                        <div class="mt-3 d-flex justify-content-end">
                            <button class="btn btn-primary">{{ __('common.save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-12">
            <div class="card sa-card sa-settings-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span class="fw-bold">{{ __('stage_academy.settings.sections.other') }}</span>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-12 col-lg-4">
                            <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'library']) }}" enctype="multipart/form-data">
                                @csrf
                                <h6 class="fw-bold mb-2">{{ __('stage_academy.settings.sections.library') }}</h6>
                                <div class="mb-2"><input type="text" name="title_ar" class="form-control" placeholder="{{ __('stage_academy.settings.fields.title_ar') }}" value="{{ $settings['library']['title_ar'] ?? '' }}"></div>
                                <div class="mb-2"><input type="text" name="title_en" class="form-control" placeholder="{{ __('stage_academy.settings.fields.title_en') }}" value="{{ $settings['library']['title_en'] ?? '' }}"></div>
                                <div class="mb-2"><textarea name="description_ar" class="form-control" rows="2" placeholder="{{ __('stage_academy.settings.fields.description_ar') }}">{{ $settings['library']['description_ar'] ?? '' }}</textarea></div>
                                <div class="mb-2"><textarea name="description_en" class="form-control" rows="2" placeholder="{{ __('stage_academy.settings.fields.description_en') }}">{{ $settings['library']['description_en'] ?? '' }}</textarea></div>
                                <div class="mb-2"><input type="file" name="image" class="form-control"></div>
                                <div class="d-flex justify-content-end"><button class="btn btn-primary">{{ __('common.save') }}</button></div>
                            </form>
                        </div>
                        <div class="col-12 col-lg-4">
                            <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'blog']) }}" enctype="multipart/form-data">
                                @csrf
                                <h6 class="fw-bold mb-2">{{ __('stage_academy.settings.sections.blog') }}</h6>
                                <div class="mb-2"><input type="text" name="title_ar" class="form-control" placeholder="{{ __('stage_academy.settings.fields.title_ar') }}" value="{{ $settings['blog']['title_ar'] ?? '' }}"></div>
                                <div class="mb-2"><input type="text" name="title_en" class="form-control" placeholder="{{ __('stage_academy.settings.fields.title_en') }}" value="{{ $settings['blog']['title_en'] ?? '' }}"></div>
                                <div class="mb-2"><textarea name="description_ar" class="form-control" rows="2" placeholder="{{ __('stage_academy.settings.fields.description_ar') }}">{{ $settings['blog']['description_ar'] ?? '' }}</textarea></div>
                                <div class="mb-2"><textarea name="description_en" class="form-control" rows="2" placeholder="{{ __('stage_academy.settings.fields.description_en') }}">{{ $settings['blog']['description_en'] ?? '' }}</textarea></div>
                                <div class="mb-2"><input type="file" name="image" class="form-control"></div>
                                <div class="d-flex justify-content-end"><button class="btn btn-primary">{{ __('common.save') }}</button></div>
                            </form>
                        </div>
                        <div class="col-12 col-lg-4">
                            <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'assistant']) }}" enctype="multipart/form-data">
                                @csrf
                                <h6 class="fw-bold mb-2">{{ __('stage_academy.settings.sections.assistant') }}</h6>
                                <div class="mb-2"><input type="text" name="title_ar" class="form-control" placeholder="{{ __('stage_academy.settings.fields.title_ar') }}" value="{{ $settings['assistant']['title_ar'] ?? '' }}"></div>
                                <div class="mb-2"><input type="text" name="title_en" class="form-control" placeholder="{{ __('stage_academy.settings.fields.title_en') }}" value="{{ $settings['assistant']['title_en'] ?? '' }}"></div>
                                <div class="mb-2"><textarea name="description_ar" class="form-control" rows="2" placeholder="{{ __('stage_academy.settings.fields.description_ar') }}">{{ $settings['assistant']['description_ar'] ?? '' }}</textarea></div>
                                <div class="mb-2"><textarea name="description_en" class="form-control" rows="2" placeholder="{{ __('stage_academy.settings.fields.description_en') }}">{{ $settings['assistant']['description_en'] ?? '' }}</textarea></div>
                                <div class="mb-2"><input type="file" name="image" class="form-control"></div>
                                <div class="d-flex justify-content-end"><button class="btn btn-primary">{{ __('common.save') }}</button></div>
                            </form>
                        </div>
                        <div class="col-12 col-lg-4">
                            <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'consultations']) }}" enctype="multipart/form-data">
                                @csrf
                                <h6 class="fw-bold mb-2">{{ __('stage_academy.settings.sections.consultations') }}</h6>
                                <div class="mb-2"><input type="text" name="title_ar" class="form-control" placeholder="{{ __('stage_academy.settings.fields.title_ar') }}" value="{{ $settings['consultations']['title_ar'] ?? '' }}"></div>
                                <div class="mb-2"><input type="text" name="title_en" class="form-control" placeholder="{{ __('stage_academy.settings.fields.title_en') }}" value="{{ $settings['consultations']['title_en'] ?? '' }}"></div>
                                <div class="mb-2"><textarea name="description_ar" class="form-control" rows="2" placeholder="{{ __('stage_academy.settings.fields.description_ar') }}">{{ $settings['consultations']['description_ar'] ?? '' }}</textarea></div>
                                <div class="mb-2"><textarea name="description_en" class="form-control" rows="2" placeholder="{{ __('stage_academy.settings.fields.description_en') }}">{{ $settings['consultations']['description_en'] ?? '' }}</textarea></div>
                                <div class="mb-2"><input type="file" name="image" class="form-control"></div>
                                <div class="d-flex justify-content-end"><button class="btn btn-primary">{{ __('common.save') }}</button></div>
                            </form>
                        </div>
                        <div class="col-12 col-lg-4">
                            <form method="POST" action="{{ route('stage-academy.settings.store', ['section' => 'hall']) }}" enctype="multipart/form-data">
                                @csrf
                                <h6 class="fw-bold mb-2">{{ __('stage_academy.settings.sections.hall') }}</h6>
                                <div class="mb-2"><input type="text" name="title_ar" class="form-control" placeholder="{{ __('stage_academy.settings.fields.title_ar') }}" value="{{ $settings['hall']['title_ar'] ?? '' }}"></div>
                                <div class="mb-2"><input type="text" name="title_en" class="form-control" placeholder="{{ __('stage_academy.settings.fields.title_en') }}" value="{{ $settings['hall']['title_en'] ?? '' }}"></div>
                                <div class="mb-2"><textarea name="description_ar" class="form-control" rows="2" placeholder="{{ __('stage_academy.settings.fields.description_ar') }}">{{ $settings['hall']['description_ar'] ?? '' }}</textarea></div>
                                <div class="mb-2"><textarea name="description_en" class="form-control" rows="2" placeholder="{{ __('stage_academy.settings.fields.description_en') }}">{{ $settings['hall']['description_en'] ?? '' }}</textarea></div>
                                <div class="mb-2"><input type="file" name="image" class="form-control"></div>
                                <div class="d-flex justify-content-end"><button class="btn btn-primary">{{ __('common.save') }}</button></div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection