One Hat Cyber Team

Edit File: settings.blade.php

@extends('dashboard.layout.app')

@section('body-class','2-column')
@section('page-name',$page['name'])

@push('css')
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <link href="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="{{ asset('/assets/vendor/libs/bootstrap-select/bootstrap-select.css') }}">
    <style>
        .custom-switch.switch-md .custom-control-label::before {
            width: 5rem !important;
        }
        .custom-switch.switch-md .custom-control-input:checked ~ .custom-control-label::after {
            transform: translateX(3.3rem) !important;
        }
        .custom-control.custom-switch p{
            color: rgba(34, 41, 47, 0.4) !important;
            -webkit-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
            opacity: 1;
            padding: 0.25rem 0;
            font-size: 0.7rem;
            top: -22px;
            left: -5px;
            position: absolute;
            display: block;
            pointer-events: none;
            cursor: text;
            margin-bottom: 0;
        }
        .custom-control.custom-switch .custom-control-label{
            margin-top: 0.4rem;
        }
        .actions{
            margin-top: 1.5rem !important;
        }
        .bootstrap-select{
            width: 100% !important;
        }
        .tox-tinymce{
            height: 350px !important;
        }
    </style>
@endpush

@section('content')
    @if (\Illuminate\Support\Facades\Auth::user()->hasPermission('READ', \Session::get('user_route').'_'.\Session::get('current_permission')))
        <section id="validation" class="container-xxl flex-grow-1 container-p-y">
            <div class="row">
                <div class="col-12">

<div class="card mb-4">
                        <div class="card-header p-3">
                            <h4 class="card-title mb-0 mt-2"><i class="ti ti-settings"></i> Settings</h4>
                        </div>
                    </div>

<div class="tab-pane fade show active" id="navs-tabs-preview" role="tabpanel" aria-labelledby="navs-tabs-preview-tab">
                        <div class="nav-tabs-shadow nav-align-top">
                            <ul class="nav nav-tabs justify-content-center p-2" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button type="button" class="nav-link active" role="tab" data-bs-toggle="tab" data-bs-target="#navs-top-basic" aria-controls="navs-top-basic" aria-selected="true">Basic</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button type="button" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#navs-top-details" aria-controls="navs-top-details" aria-selected="false" tabindex="-1">Details</button>
                                </li>
                            </ul>
                            <div class="tab-content p-2">
                                <div class="tab-pane fade active show" id="navs-top-basic" role="tabpanel">

<div class="dropzone-previews d-none"></div>
                                    <div class="row mx-2">
                                        <div class="col-md-4 col-6">
                                            <div class="media mb-3">
                                                <a class="mr-2 my-25" href="#">
                                                    <img src="{{getFile('s3', @\OTIFSolutions\Laravel\Settings\Models\Setting::get('logo'))}}" alt="Logo" class="users-avatar-shadow rounded" width="90" height="90">
                                                </a>
                                                <div class="media-body mt-50">
                                                    <h4 class="media-heading">Logo</h4>
                                                    <div class="col-12 d-flex mt-1 px-0">
                                                        <button id="dpz-single-file" class="btn btn-outline-primary waves-effect waves-light margin-right-1">Change <i class="fa fa-spinner fa-spin d-none"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

<div class="col-md-4 col-6">
                                            <div class="media mb-3">
                                                <a class="mr-2 my-25" href="#">
                                                    <img src="{{getFile('s3', @\OTIFSolutions\Laravel\Settings\Models\Setting::get('favicon'))}}" alt="Favicon" class="users-avatar-shadow rounded" width="90" height="90">
                                                </a>
                                                <div class="media-body mt-50">
                                                    <h4 class="media-heading">Favicon</h4>
                                                    <div class="col-12 d-flex mt-1 px-0">
                                                        <button id="dpz-single-favicon" class="btn btn-outline-primary waves-effect waves-light margin-right-1">Change <i class="fa fa-spinner fa-spin d-none"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

<div class="col-md-4 col-6">
                                            <div class="media mb-3">
                                                <a class="mr-2 my-25" href="#">
                                                    <img src="{{getFile('s3', @\OTIFSolutions\Laravel\Settings\Models\Setting::get('background'))}}" alt="Background" class="users-avatar-shadow rounded" width="90" height="90">
                                                </a>
                                                <div class="media-body mt-50">
                                                    <h4 class="media-heading">Background</h4>
                                                    <div class="col-12 d-flex mt-1 px-0">
                                                        <button id="dpz-single-background" class="btn btn-outline-primary waves-effect waves-light margin-right-1">Change <i class="fa fa-spinner fa-spin d-none"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

<div class="col-md-4 col-6">
                                            <div class="media mb-3">
                                                <a class="mr-2 my-25" href="#">
                                                    <img src="{{getFile('s3', @\OTIFSolutions\Laravel\Settings\Models\Setting::get('user_background'))}}" alt="User Background" class="users-avatar-shadow rounded" width="90" height="90">
                                                </a>
                                                <div class="media-body mt-50">
                                                    <h4 class="media-heading">User Background</h4>
                                                    <div class="col-12 d-flex mt-1 px-0">
                                                        <button id="dpz-single-user-background" class="btn btn-outline-primary waves-effect waves-light margin-right-1">Change <i class="fa fa-spinner fa-spin d-none"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

<div class="col-md-4 col-6">
                                            <div class="media mb-3">
                                                <a class="mr-2 my-25" href="#">
                                                    <img src="{{getFile('s3', @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_background'))}}" alt="Card Background" class="users-avatar-shadow rounded" width="90" height="90">
                                                </a>
                                                <div class="media-body mt-50">
                                                    <h4 class="media-heading">Card Background</h4>
                                                    <div class="col-12 d-flex mt-1 px-0">
                                                        <button id="dpz-single-card-background" class="btn btn-outline-primary waves-effect waves-light margin-right-1">Change <i class="fa fa-spinner fa-spin d-none"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

<div class="col-md-4 col-6">
                                            <div class="media mb-3">
                                                <a class="mr-2 my-25" href="#">
                                                    <img src="{{getFile('s3', @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_logo'))}}" alt="Card Background" class="users-avatar-shadow rounded" width="90" height="90">
                                                </a>
                                                <div class="media-body mt-50">
                                                    <h4 class="media-heading">Card Logo</h4>
                                                    <div class="col-12 d-flex mt-1 px-0">
                                                        <button id="dpz-single-card-logo" class="btn btn-outline-primary waves-effect waves-light margin-right-1">Change <i class="fa fa-spinner fa-spin d-none"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

<div class="col-md-4 col-6">
                                            <div class="media mb-3">
                                                <a class="mr-2 my-25" href="#">
                                                    <img src="{{getFile('s3', @\OTIFSolutions\Laravel\Settings\Models\Setting::get('profile_logo'))}}" alt="Profile Logo" class="users-avatar-shadow rounded" width="90" height="90">
                                                </a>
                                                <div class="media-body mt-50">
                                                    <h4 class="media-heading">Profile Logo</h4>
                                                    <div class="col-12 d-flex mt-1 px-0">
                                                        <button id="dpz-single-profile-logo" class="btn btn-outline-primary waves-effect waves-light margin-right-1">Change <i class="fa fa-spinner fa-spin d-none"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

</div>

<form class="form" action="{{$page['url']}}" method="POST">
                                        @csrf
                                        <div class="form-body mx-2">
                                            <div class="row align-items-center mb-1">
                                                <div class="col-auto">
                                                    <h4 class="card-title mb-0 mt-2"><i class='ti ti-circle'></i> Basic Information</h4>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6 col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <small>App Name</small>
                                                        <input type="text" id="app_name" class="form-control" placeholder="App Name" name="app_name" value="{{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('app_name') }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <small>User Card Fees</small>
                                                        <input type="number" id="user_fees" class="form-control" placeholder="User Card Fees" name="user_card_fees" value="{{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('user_card_fees') }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <label>Card Expiry Year(s)</label>
                                                        <select id="card_expiry" name="card_expiry" class="selectpicker" data-style="btn-default">
                                                            <option value="1" {{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_expiry') == '1'?'selected':'' }}>1</option>
                                                            <option value="2" {{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_expiry') == '2'?'selected':'' }}>2</option>
                                                            <option value="3" {{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_expiry') == '3'?'selected':'' }}>3</option>
                                                            <option value="4" {{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_expiry') == '4'?'selected':'' }}>4</option>
                                                            <option value="5" {{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_expiry') == '5'?'selected':'' }}>5</option>
                                                            <option value="6" {{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_expiry') == '6'?'selected':'' }}>6</option>
                                                            <option value="7" {{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_expiry') == '7'?'selected':'' }}>7</option>
                                                            <option value="8" {{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_expiry') == '8'?'selected':'' }}>8</option>
                                                            <option value="9" {{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_expiry') == '9'?'selected':'' }}>9</option>
                                                            <option value="10" {{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_expiry') == '10'?'selected':'' }}>10</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <small>Card Font Color</small>
                                                        <input type="color" name="card_font_color" id="card_font_color" value="{{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('card_font_color') }}" class="form-control colorpicker" aria-invalid="false">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <small>Background Color</small>
                                                        <input type="color" name="background_color" id="background_color" value="{{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('background_color') }}" class="form-control colorpicker" aria-invalid="false">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <small>Company Name (To show on top of user information)</small>
                                                        <input type="text" id="company_name" class="form-control" placeholder="Company Name" name="company_name" value="{{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('company_name') }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <small>Company Address</small>
                                                        <input type="text" id="company_address" class="form-control" placeholder="Company Address" name="company_address" value="{{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('company_address') }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <small>Phone Number</small>
                                                        <input type="text" id="company_phone" class="form-control" placeholder="Phone Number" name="company_phone" value="{{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('company_phone') }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <small>Company Email</small>
                                                        <input type="email" id="company_email" class="form-control" placeholder="Company Email" name="company_email" value="{{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('company_email') }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <small>Working Hours</small>
                                                        <input type="text" id="working_hours" class="form-control" placeholder="Working Hours" name="working_hours" value="{{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('working_hours') }}">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <small>About (Email Footer)</small>
                                                        <input type="text" id="about_email_footer" class="form-control" placeholder="About (Email Footer)" name="about_email_footer" value="{{ @\OTIFSolutions\Laravel\Settings\Models\Setting::get('about_email_footer') }}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mt-2 justify-content-end d-flex px-1">
                                            <button type="submit" class="btn btn-primary w-px-150">Save <i class="fa fa-spinner fa-spin d-none"></i></button>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="navs-top-details" role="tabpanel">
                                    <form class="form" action="{{$page['details_url']}}" method="POST">
                                        @csrf
                                        <div class="form-body mx-2">
                                            <div class="row align-items-center mb-1 mt-3">
                                                <div class="col-auto">
                                                    <h4 class="card-title mb-0 mt-2"><i class='ti ti-circle'></i> About Us</h4>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-12 mt-1">
                                                    <div class="form-label-group">
                                                        <textarea name="about_us_details" style="width: 100%">{!! @\OTIFSolutions\Laravel\Settings\Models\Setting::get('about_us_details') !!}

Edit File: settings.blade.php

Privacy Policy

Terms & Conditions