@extends('admin/layout')
@section('title')
    {{ labels('admin_labels.system_settings', 'System Settings') }}
@endsection
@section('content')
    @php
        $user = auth()->user();
        $role = auth()->user()->role->name;

    @endphp

    <div class="d-flex row align-items-center">
        <div class="col-md-6 col-xl-6 page-info-title">
            <h3>{{ labels('admin_labels.system_settings', 'System Settings') }}
            </h3>
            <p class="sub_title">
                {{ labels('admin_labels.fine_tune_paltform_dynamics_with_systen_settings_mastery', 'Fine-Tune Platform Dynamics with System Settings Mastery') }}
            </p>
        </div>
        <div class="col-md-6 col-xl-6 d-flex justify-content-end">
            <nav aria-label="breadcrumb" class="float-end">
                <ol class="breadcrumb">
                    <i class='bx bx-home-smile'></i>
                    <li class="breadcrumb-item"><a
                            href="{{ route('admin.home') }}">{{ labels('admin_labels.home', 'Home') }}</a>
                    </li>
                    <li class="breadcrumb-item second_breadcrumb_item">
                        <a href="{{ route('settings.index') }}">{{ labels('admin_labels.settings', 'Settings') }}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">
                        {{ labels('admin_labels.system_settings', 'System Settings') }}
                    </li>
                </ol>
            </nav>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            <div class="card">
                <div class="tab-content p-4" id="pills-tabContent-vertical-pills">
                    <div class="tab-pane tab-example-design fade show active" id="pills-vertical-pills-design"
                        role="tabpanel" aria-labelledby="pills-vertical-pills-design-tab">
                        <div class="row">

                            <div class="nav flex-column nav-pills p-2" id="v-pills-tab" role="tablist"
                                aria-orientation="vertical">
                                <a class="nav-link active border payment_method_title" data-bs-toggle="pill"
                                    href="#app_setting" role="tab"
                                    aria-selected="true">{{ labels('admin_labels.app_settings', 'App Settings') }}</a>
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#logo_and_storage_setting" role="tab" aria-controls="v-pills-profile"
                                    aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.logo_and_storage', 'Logo & Storage') }}</a>
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#system_setting" role="tab" aria-controls="v-pills-profile"
                                    aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.system_settings', 'System Settings') }}</a>
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#delivery_charge_setting" role="tab" aria-controls="v-pills-profile"
                                    aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.delivery_boy_settings', 'Delivery Boy Settings') }}</a>
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#app_and_system_setting" role="tab" aria-controls="v-pills-profile"
                                    aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.app_and_system_settings', 'App & System Settings') }}</a>
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#refer_and_earn_setting" role="tab" aria-controls="v-pills-profile"
                                    aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.refer_and_earn_settings', 'Refer & Earn Settings') }}</a>
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#welcome_wallet_balance" role="tab" aria-controls="v-pills-profile"
                                    aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.welcome_wallet_balance', 'Welcome Wallet Balance') }}
                                </a>
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#maintenance_mode" role="tab" aria-controls="v-pills-profile"
                                    aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.maintenence_mode', 'Maintenence Mode') }}</a>
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#authentication_setting" role="tab" aria-controls="v-pills-profile"
                                    aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.authentication_setting', 'Authentication Setting') }}</a>
                                <a class="nav-link border payment_method_title mt-2" id="" data-bs-toggle="pill"
                                    href="#cron_job" role="tab" aria-controls="v-pills-profile"
                                    aria-selected="false"
                                    tabindex="-1">{{ labels('admin_labels.cron_job_url', 'Cron Job URL') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-8">
            <form id="" action="{{ route('system_settings.store') }}" class="submit_form"
                enctype="multipart/form-data" method="POST">
                @csrf
                <div class="card">
                    <div class="tab-content" id="v-pills-tabContent">
                        <div class="tab-pane fade active show" id="app_setting" role="tabpanel">
                            <div class="card">
                                <div class="card-header">
                                    <h5>{{ labels('admin_labels.app_and_version_settings', 'App & Version Settings') }}
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="row mt-4">

                                        <div class="mb-3 col-md-4">
                                            <label class="form-label"
                                                for="basic-default-fullname">{{ labels('admin_labels.app_name', 'App Name') }}<span
                                                    class='text-asterisks text-sm'>*</span></label>
                                            <input type="text" class="form-control" id="basic-default-fullname"
                                                placeholder="" name="app_name"
                                                value="