@extends('admin.layouts.master')

@section('title')
    {{ translate('App Setting') }}
@endsection

{{-- @php
    $permissionForDashboard = $role->permissions->firstWhere('module_name', 'Dashboard');
    $permissionForMembers = $role->permissions->firstWhere('module_name', 'Members');
    $permissionForBulkActions = $role->permissions->firstWhere('module_name', 'Bulk Actions');
    $permissionForProfileAttributes = $role->permissions->firstWhere('module_name', 'Profile Attributes');
    $permissionForPayments = $role->permissions->firstWhere('module_name', 'Payments');
    $permissionForFrontendSettings = $role->permissions->firstWhere('module_name', 'Frontend Settings');
    $permissionForFAQs = $role->permissions->firstWhere('module_name', 'FAQs');
    $permissionForFAQsCategory = $role->permissions->firstWhere('module_name', 'FAQs Category');
    $permissionForBlogs = $role->permissions->firstWhere('module_name', 'Blogs');
    $permissionForBlogsCategory = $role->permissions->firstWhere('module_name', 'Blogs Category');
    $permissionForPackages = $role->permissions->firstWhere('module_name', 'Packages');
    $permissionForChatVideoSetting = $role->permissions->firstWhere('module_name', 'Chat & Video Setting');
    $permissionForFinancial = $role->permissions->firstWhere('module_name', 'Financial');
    $permissionForIncome = $role->permissions->firstWhere('module_name', 'Income');
    $permissionForDetail = $role->permissions->firstWhere('module_name', 'Detail');
    $permissionForMemberReport = $role->permissions->firstWhere('module_name', 'Member Report');
    $permissionForNewsletter = $role->permissions->firstWhere('module_name', 'Newsletter');
    $permissionForBanners = $role->permissions->firstWhere('module_name', 'Banners');
    $permissionForGeneralSettings = $role->permissions->firstWhere('module_name', 'General Settings');
    $permissionForPreferences = $role->permissions->firstWhere('module_name', 'Preferences');
    $permissionForAnalytic = $role->permissions->firstWhere('module_name', 'Analytic');
    $permissionForSEOSettings= $role->permissions->firstWhere('module_name', 'SEO Settings');
    $permissionForLanguage = $role->permissions->firstWhere('module_name', 'Language');
    $permissionForCurrency = $role->permissions->firstWhere('module_name', 'Currency');
    $permissionForPaymentMethods = $role->permissions->firstWhere('module_name', 'Payment Methods');
    $permissionForSMTPSettings = $role->permissions->firstWhere('module_name', 'SMTP Settings');
    $permissionForEmailTemplates = $role->permissions->firstWhere('module_name', 'Email Templates');
    $permissionForThirdPartySettings = $role->permissions->firstWhere('module_name', 'Third Party Settings');
    $permissionForCookie = $role->permissions->firstWhere('module_name', 'Cookie');
    $permissionForSocialMediaLogin = $role->permissions->firstWhere('module_name', 'Social Media Login');
    $permissionForAbuseWordFiltering = $role->permissions->firstWhere('module_name', 'Abuse Word Filtering');
    $permissionForPushNotification = $role->permissions->firstWhere('module_name', 'Push Notification');
    $permissionForStaffs = $role->permissions->firstWhere('module_name', 'Staffs');
    $permissionForSystem = $role->permissions->firstWhere('module_name', 'System');
    $permissionForFooter = $role->permissions->firstWhere('module_name', 'Footer');
    $permissionForFooterSection = $role->permissions->firstWhere('module_name', 'Footer Section');
@endphp --}}

@section('content')

<div class="group-data-[sidebar-size=lg]:ltr:md:ml-vertical-menu group-data-[sidebar-size=lg]:rtl:md:mr-vertical-menu group-data-[sidebar-size=md]:ltr:ml-vertical-menu-md group-data-[sidebar-size=md]:rtl:mr-vertical-menu-md group-data-[sidebar-size=sm]:ltr:ml-vertical-menu-sm group-data-[sidebar-size=sm]:rtl:mr-vertical-menu-sm pt-[calc(theme('spacing.header')_*_1)] pb-[calc(theme('spacing.header')_*_0.8)] px-4 group-data-[navbar=bordered]:pt-[calc(theme('spacing.header')_*_1.3)] group-data-[navbar=hidden]:pt-0 group-data-[layout=horizontal]:mx-auto group-data-[layout=horizontal]:max-w-screen-2xl group-data-[layout=horizontal]:px-0 group-data-[layout=horizontal]:group-data-[sidebar-size=lg]:ltr:md:ml-auto group-data-[layout=horizontal]:group-data-[sidebar-size=lg]:rtl:md:mr-auto group-data-[layout=horizontal]:md:pt-[calc(theme('spacing.header')_*_1.6)] group-data-[layout=horizontal]:px-3 group-data-[layout=horizontal]:group-data-[navbar=hidden]:pt-[calc(theme('spacing.header')_*_0.9)]">
    <div class="container-fluid group-data-[content=boxed]:max-w-boxed mx-auto">
        <div class="flex flex-col gap-2 py-4 md:flex-row md:items-center print:hidden">
        </div>
        <div class="grid grid-cols-1 xl:grid-cols-12 gap-x-5">
            <div class="xl:col-span-12">
                <div class="card">
                    <div class="card-body border-b">
                        <h6 class="mb-4 text-15">{{ translate('App Setting') }}</h6>
                    </div>
                    <div class="card-body">

                        <div class="gap-4 md:flex">
                            {{-- <ul id="gs-links-container" class="flex flex-col w-full mb-4 text-sm font-medium text-center md:w-36 shrink-0 nav-tabs md:mb-0">
                                @if($permissionForGeneralSettings !== null && $permissionForGeneralSettings->can_show == '1')
                                    <li class="group active">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="general-settings" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-home-gear-line"></i>{{ translate('General Settings') }}</a>
                                    </li>
                                @endif
                                @if($permissionForPreferences !== null && $permissionForPreferences->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="preferences" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-settings-line"></i>{{ translate('Preferences') }}</a>
                                    </li>
                                @endif
                                @if($permissionForAnalytic !== null && $permissionForAnalytic->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="analytic" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-bar-chart-line"></i>{{ translate('Analytic') }}</a>
                                    </li>
                                @endif
                                @if($permissionForSEOSettings !== null && $permissionForSEOSettings->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="seo-settings" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-settings-2-line"></i>{{ translate('SEO Settings') }}</a>
                                    </li>
                                @endif
                                @if($permissionForLanguage !== null && $permissionForLanguage->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="language" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-global-line"></i>{{ translate('Language') }}</a>
                                    </li>
                                @endif

                                @if($permissionForCurrency !== null && $permissionForCurrency->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="currency" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-money-dollar-circle-line"></i>{{ translate('Currency') }}</a>
                                    </li>
                                @endif
                                @if($permissionForPaymentMethods !== null && $permissionForPaymentMethods->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="payment-methods" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-bank-card-line"></i>{{ translate('Payment Methods') }}</a>
                                    </li>
                                @endif
                                @if($permissionForSMTPSettings !== null && $permissionForSMTPSettings->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="smtp-settings" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-mail-settings-line"></i>{{ translate('SMTP Settings') }}</a>
                                    </li>
                                @endif
                                @if($permissionForEmailTemplates !== null && $permissionForEmailTemplates->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="email-templates" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-mail-line"></i>{{ translate('Email Templates') }}</a>
                                    </li>
                                @endif
                                @if($permissionForThirdPartySettings !== null && $permissionForThirdPartySettings->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="third-party-settings" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-plug-line"></i>{{ translate('Third Party Settings') }}</a>
                                    </li>
                                @endif
                                @if($permissionForCookie !== null && $permissionForCookie->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="cookie" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-cpu-line"></i>{{ translate('Cookie') }}</a>
                                    </li>
                                @endif
                                @if($permissionForSocialMediaLogin !== null && $permissionForSocialMediaLogin->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="social-media-login" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-user-shared-line"></i>{{ translate('Social Media Login') }}</a>
                                    </li>
                                @endif
                                @if($permissionForAbuseWordFiltering !== null && $permissionForAbuseWordFiltering->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="abuse-word-filtering" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-lock-line"></i>{{ translate('Abuse Word Filtering') }}</a>
                                    </li>
                                @endif
                                @if($permissionForPushNotification !== null && $permissionForPushNotification->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="push-notification" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-notification-line"></i>{{ translate('Push Notification') }}</a>
                                    </li>
                                @endif
                                @if($permissionForStaffs !== null && $permissionForStaffs->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="staffs" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-team-line"></i>{{ translate('Staffs') }}</a>
                                    </li>
                                @endif
                                @if($permissionForSystem !== null && $permissionForSystem->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="system" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-server-line"></i>{{ translate('System') }}</a>
                                    </li>
                                @endif
                                @if($permissionForFooter !== null && $permissionForFooter->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="footer" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-layout-bottom-line"></i>{{ translate('Footer') }}</a>
                                    </li>
                                @endif
                                @if($permissionForFooterSection !== null && $permissionForFooterSection->can_show == '1')
                                    <li class="group">
                                        <a href="javascript:void(0)" data-tab-toggle data-target="footer-section" class="inline-block text-start px-2 my-2  w-full py-1 text-base transition-all duration-300 ease-linear rounded-md text-slate-500 dark:text-zink-200 border border-transparent group-[.active]:bg-custom-500 group-[.active]:text-white hover:text-custom-500 active:text-custom-500 dark:hover:text-custom-500 dark:active:text-custom-500 dark:group-[.active]:hover:text-white -mb-[1px]"><i class="ri-layout-bottom-line"></i>{{ translate('Footer Section') }}</a>
                                    </li>
                                @endif
                            </ul> --}}
                            <div class="tab-content w-full">
                                <div class="tab-pane p-5 block" id="staffs">
                                    <div class="card m-5">
                                        <div class="card-header p-2 bg-slate-900">
                                            <h4 class="text-white"> {{ translate('Edit Staff') }}</h4>
                                        </div>
                                        <div class="card-body p-4 bg-black">
                                        <div>
                                        <div class="mt-5 tab-content">
                                            <div class="tab-pane" id="staffs-add-new-staff">
                                                <form action="{{ route('admin.staff.update', $staff->id) }}" method="post">
                                                    @csrf
                                                    <div class="grid grid-cols-12 my-5">
                                                        <div class="col-span-4">
                                                            <label for="first_name">{{ translate('First Name') }}</label>
                                                        </div>
                                                        <div class="col-span-8">
                                                            <input type="text" id="first_name" name="first_name" value="{{ old('first_name', $staff->first_name) }}" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" required>
                                                        </div>
                                                    </div>

                                                    <div class="grid grid-cols-12 my-5">
                                                        <div class="col-span-4">
                                                            <label for="last_name">{{ translate('Last Name') }}</label>
                                                        </div>
                                                        <div class="col-span-8">
                                                            <input type="text" id="last_name" name="last_name" value="{{ old('last_name', $staff->last_name) }}" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200">
                                                        </div>
                                                    </div>

                                                    <div class="grid grid-cols-12 my-5">
                                                        <div class="col-span-4">
                                                            <label for="name">{{ translate('Full Name') }}</label>
                                                        </div>
                                                        <div class="col-span-8">
                                                            <input type="text" id="name" name="name" value="{{ old('name', $staff->name) }}" class="form-input" required>
                                                        </div>
                                                    </div>

                                                    <div class="grid grid-cols-12 my-5">
                                                        <div class="col-span-4">
                                                            <label for="email">{{ translate('Email') }}</label>
                                                        </div>
                                                        <div class="col-span-8">
                                                            <input type="email" id="email" name="email" value="{{ old('email', $staff->email) }}" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" required>
                                                        </div>
                                                    </div>

                                                    <div class="grid grid-cols-12 my-5">
                                                        <div class="col-span-4">
                                                            <label for="phone">{{ translate('Phone') }}</label>
                                                        </div>
                                                        <div class="col-span-8">
                                                            <input type="text" id="phone" name="phone" value="{{ old('phone', $staff->phone) }}" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" required>
                                                        </div>
                                                    </div>

                                                    <div class="grid grid-cols-12 my-5">
                                                        <div class="col-span-4">
                                                            <label for="password">{{ translate('Password') }}</label>
                                                        </div>
                                                        <div class="col-span-8">
                                                            <input type="text" id="password" name="password" value="{{ old('password', $staff->password) }}" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" required>
                                                        </div>
                                                    </div>


                                                    <div class="grid grid-cols-12 mt-5">
                                                        <div class="col-span-4">
                                                            <label for="system_timezone">{{ translate('Role') }}</label>
                                                        </div>
                                                        <div class="col-span-8">
                                                            <select id="role" name="role"  class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" data-choices name="choices-single-default" id="choices-single-default">
                                                                <option value="">{{ translate('This is a placeholder') }}</option>
                                                                @foreach ($roles as $role)
                                                                    <option value="{{ $role->id }}" {{ old('role', $staff->role_id) == $role->id ? 'selected' : '' }}>{{ $role->role_name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>

                                                    <div class="flex justify-end gap-2 mt-4">
                                                        <button type="submit" class="text-white btn bg-slate-900 border-custom-500 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Update</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section('scripts')
<script src="{{asset('admin/assets/libs/choices.js/public/assets/scripts/choices.min.js')}}"></script>
<script src="{{asset('admin/assets/libs/@popperjs/core/umd/popper.min.js')}}"></script>
<script src="{{asset('admin/assets/libs/tippy.js/tippy-bundle.umd.min.js')}}"></script>
<script src="{{asset('admin/assets/libs/simplebar/simplebar.min.js')}}"></script>
<script src="{{asset('admin/assets/libs/prismjs/prism.js')}}"></script>
<script src="{{asset('admin/assets/libs/lucide/umd/lucide.js')}}"></script>
<script src="{{asset('admin/assets/js/tailwick.bundle.js')}}"></script>
<script src="{{asset('admin/assets/libs/@ckeditor/ckeditor5-build-classic/build/ckeditor.js')}}"></script>
<script src="{{asset('admin/assets/libs/apexcharts/apexcharts.min.js')}}"></script>

<!-- dropzone -->
<script src="{{asset('admin/assets/libs/dropzone/dropzone-min.js')}}"></script>
<!--product create init js-->
<script src="{{asset('admin/assets/js/pages/apps-ecommerce-product-create.init.js')}}"></script>

<script src="{{asset('admin/assets/libs/moment/moment.js')}}"></script>
<!-- for basic area chart -->
<script src="https://apexcharts.com/samples/assets/stock-prices.js"></script>
<!-- for github style chart -->
<script src="https://apexcharts.com/samples/assets/github-data.js"></script>
<!-- for irregular timeseries chart -->
<script src="https://apexcharts.com/samples/assets/irregular-data-series.js"></script>

<script src="{{asset('admin/assets/js/pages/apexcharts-area.init.js')}}"></script>
<!-- App js -->
<script src="{{asset('admin/assets/js/app.js')}}"></script>

<script src="{{asset('admin/assets/js/datatables/jquery-3.7.0.js')}}"></script>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
@if(session('success'))
    Swal.fire({
        title: 'Success!',
        text: '{{ session('success') }}',
        icon: 'success',
        confirmButtonColor: '#3085d6',
        confirmButtonText: 'OK'
    });
@endif
</script>

<script>
    document.getElementById('first_name').addEventListener('input', updateFullName);
    document.getElementById('last_name').addEventListener('input', updateFullName);

    function updateFullName() {
        const firstName = document.getElementById('first_name').value;
        const lastName = document.getElementById('last_name').value;
        document.getElementById('name').value = firstName + ' ' + lastName;
    }
</script>

@endsection