1
0
Fork 0
forked from Simnation/Main
Main/resources/[creator]/dealerships_creator/html/index.html
2025-06-07 08:51:21 +02:00

722 lines
No EOL
38 KiB
HTML

<!DOCTYPE html>
<html data-theme="dark">
<head>
<title>Dealerships Creator</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<!-- Script CSS -->
<link href="index.css" rel="stylesheet" type="text/css" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap">
<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap">
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Work+Sans:wght@700&display=swap" rel="stylesheet">
<!-- jQuery -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Bootstrap icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<!-- Theme -->
<link rel="stylesheet" href="./assets/css/theme.bundle.css" id="stylesheetLTR">
<!-- Datatables -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/dt-1.11.3/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/v/bs5/dt-1.11.3/datatables.min.js"></script>
<!-- UI -->
<link href="https://fonts.cdnfonts.com/css/akrobat" rel="stylesheet">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/settings.css">
<!-- Notifications -->
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body style="background-color: transparent !important;">
<div id="dealerships-creator" class="container-lg bg-white position-absolute top-50 start-50 translate-middle rounded" style="display: none;">
<div id="main-bar" class="d-inline-block col-12 text-center mt-2">
<p id="dealerships-creator-label" class="d-inline script-name">Dealership Creator - <span id="dealerships-creator-version" class="d-inline script-name"></span></p>
<button id="close-main-btn" type="button" class="btn-close btn-close-white float-end mt-2"></button>
</div>
<div class="d-flex align-items-start my-2">
<div class="nav flex-column nav-pills me-3" role="tablist">
<button class="nav-link active" data-is-default="1" data-translation-id="menu:dealerships" id="dealerships-tab" data-bs-toggle="pill" data-bs-target="#dealerships" type="button" role="tab"><i class="text-success bi bi-car-front"></i>Dealerships</button>
<button class="nav-link" data-translation-id="menu:vehicles" id="vehicles-tab" data-bs-toggle="pill" data-bs-target="#vehicles" type="button" role="tab"><i class="text-success bi bi-car-front"></i>Vehicles</button>
<button class="nav-link" data-translation-id="menu:classes" id="classes-tab" data-bs-toggle="pill" data-bs-target="#classes" type="button" role="tab"><i class="text-success"></i>Classes</button>
<button class="nav-link" data-translation-id="menu:settings" id="settings-tab" data-bs-toggle="pill" data-bs-target="#settings" type="button" role="tab"><i class="bi bi-gear-fill"></i> Settings</button>
</div>
<div class="tab-content container">
<div class="tab-pane fade needs-validation show active" data-is-default="1" id="dealerships" role="tabpanel">
<div class="d-inline-block col-12 my-2">
<button id="new-dealership-btn" type="button" class="btn btn-success float-end" data-translation-id="menu:new_dealership">New dealership</button>
</div>
<table id="dealerships-container" class="table table-hover fs-4 mb-2">
<thead>
<tr>
<th scope="col" data-translation-id="menu:id">ID</th>
<th scope="col" data-translation-id="menu:label">Label</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="tab-pane fade needs-validation" id="vehicles" role="tabpanel" style="max-height: 85vh; overflow-y: auto; overflow-x: hidden;">
<div class="d-flex justify-content-end gap-3 mb-2">
<span data-translation-id="menu:all_pictures:info" data-bs-toggle="tooltip" data-bs-placement="top">
<button id="all-vehicles-picture-btn" type="button" class="btn btn-info" data-translation-id="menu:all_pictures">All pictures</button>
</span>
<button id="new-vehicle-btn" type="button" class="btn btn-success" data-translation-id="menu:new_vehicle">New vehicle</button>
</div>
<table id="vehicles-container" class="table table-hover fs-4 mb-2">
<thead>
<tr>
<th scope="col" data-translation-id="menu:spawn_name">Spawn name</th>
<th scope="col" data-translation-id="menu:label">Label</th>
<th scope="col" data-translation-id="menu:class">Class</th>
<th scope="col" data-translation-id="menu:type">Type</th>
<th scope="col" data-translation-id="menu:valid">Valid</th>
<th scope="col" data-translation-id="menu:other">Other</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="tab-pane fade needs-validation" id="classes" role="tabpanel" style="max-height: 85vh; overflow-y: auto; overflow-x: hidden;">
<div class="d-inline-block col-12 my-2">
<button id="new-class-btn" type="button" class="btn btn-success float-end" data-translation-id="menu:new_class">New class</button>
</div>
<table id="classes-container" class="table table-hover fs-4 mb-2">
<thead>
<tr>
<th scope="col" data-translation-id="menu:id">ID</th>
<th scope="col" data-translation-id="menu:label">Label</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<form class="tab-pane fade needs-validation" id="settings" role="tabpanel" novalidate>
<div class="container my-2 scrollbar" style="max-height: 60vh; overflow-y: auto">
<div>
<h3 class="text-center" data-translation-id="menu:settings:language">Language</h3>
<select class="form-select" id="settings-locale">
<option value="en">English</option>
<option value="de">Deutsch</option>
<option value="es">Español</option>
<option value="fr">Français</option>
</select>
</div>
<hr>
<div>
<h3 class="text-center" data-translation-id="menu:settings:generic">Generic</h3>
<div class="input-group my-3 fs-4">
<span class="input-group-text">ACE permission</span>
<input id="settings-ace-permission" type="text" class="form-control" required>
</div>
<div class="row align-items-center mt-2">
<p class="text-center translatable fs-4 my-auto" data-translation-id="menu:settings:help_notification" style="width:auto">Help notification</p>
<select id="settings-help-notification-script" class="form-select w-25" data-select>
<option data-translation-id="menu:none" value="none">None</option>
<option value="esx_textui">ESX TextUI</option>
</select>
</div>
</div>
<hr>
<div>
<h3 class="text-center" data-translation-id="menu:player_dealership">Player dealership</h3>
<div class="input-group my-3 fs-4">
<span class="input-group-text" data-translation-id="menu:minutes_to_receive_vehicle"></span>
<input id="settings-minutes-to-receive-vehicle-after-order" type="number" min="0" class="form-control" required>
</div>
<div class="form-check mt-3">
<input class="form-check-input" type="checkbox" value="" id="settings-persistent-displayed-vehicles">
<label class="form-check-label" data-translation-id="menu:persistent_displayed_vehicles"></label>
</div>
</div>
<hr>
<div>
<h3 class="text-center" data-translation-id="menu:settings:discord">Discord</h3>
<div class="form-check form-switch fs-4 mt-4">
<input class="form-check-input" type="checkbox" role="switch" id="settings-areDiscordLogsActive">
<label class="form-check-label" data-translation-id="menu:settings:enable_discord_logs" for="settings-areDiscordLogsActive">Enable discord logs</label>
</div>
<div>
<h4 class="mb-0" data-translation-id="menu:settings:discord_webhooks">Discord webhooks</h4>
<div class="input-group mt-1 mb-3 fs-5" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:main_webhook_description">
<span class="input-group-text col-3" data-translation-id="menu:settings:main_webhook">Main webhook</span>
<input id="settings-mainDiscordWebhook" type="text" class="form-control" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<h4 class="mb-0" data-translation-id="menu:settings:separated_webhooks">Separated webhooks</h4>
<div id="settings-specific-webooks-div">
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:buy_vehicle"></span>
<input type="text" class="form-control" data-log-type="buy_vehicle" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:resell_vehicle"></span>
<input type="text" class="form-control" data-log-type="resell_vehicle" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:loan_vehicle"></span>
<input type="text" class="form-control" data-log-type="loan_vehicle" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:purchase_dealership"></span>
<input type="text" class="form-control" data-log-type="purchase_dealership" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:sell_dealership"></span>
<input type="text" class="form-control" data-log-type="sell_dealership" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:purchase_for_stock"></span>
<input type="text" class="form-control" data-log-type="purchase_for_stock" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:edit_model_price"></span>
<input type="text" class="form-control" data-log-type="edit_model_price" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:sell_to_player"></span>
<input type="text" class="form-control" data-log-type="sell_to_player" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:loan_to_player"></span>
<input type="text" class="form-control" data-log-type="loan_to_player" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:hire_employee"></span>
<input type="text" class="form-control" data-log-type="hire_employee" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:fire_employee"></span>
<input type="text" class="form-control" data-log-type="fire_employee" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:update_employee_permissions"></span>
<input type="text" class="form-control" data-log-type="update_employee_permissions" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:deposit_money"></span>
<input type="text" class="form-control" data-log-type="deposit_money" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
<div class="input-group my-1 fs-5">
<span class="input-group-text col-3" data-translation-id="menu:logs:withdraw_money"></span>
<input type="text" class="form-control" data-log-type="withdraw_money" placeholder="https://discord.com/api/webhooks/USE_YOUR_WEBHOOK/YOUR_WEBHOOK">
</div>
</div>
</div>
</div>
</div>
<button type="submit" class="btn btn-success float-end" data-translation-id="menu:apply_changes">Apply changes</button>
</form>
</div>
</div>
</div>
<!-- Dealership modal -->
<div id="dealership-modal" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-xl modal-dialog-scrollable">
<form id="dealership-form" class="modal-content needs-validation" novalidate>
<div class="modal-header">
<h5 class="modal-title" data-translation-id="menu:dealership">Dealership</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body scrollbar">
<h2 class="text-center" data-translation-id="menu:generic">Generic</h2>
<div class="d-flex gap-3 justify-content-center">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="dealership-type" value="auto">
<label class="form-check-label" data-translation-id="menu:dealership_type:automated"></label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="dealership-type" value="player">
<label class="form-check-label" data-translation-id="menu:dealership_type:player_owned"></label>
</div>
</div>
<div class="d-flex gap-3 row-cols-auto align-items-center justify-content-center">
<div class="form-floating col-3 me-3">
<input type="text" class="form-control" id="dealership-label" placeholder="Label" required>
<label for="dealership-label" data-translation-id="menu:label">Label</label>
</div>
<button id="dealership-customize-blip-btn" type="button" class="btn btn-secondary" data-translation-id="menu:customize_blip">Customize blip</button>
<button id="dealership-customize-marker-btn" type="button" class="btn btn-secondary mx-2" data-translation-id="menu:customize_marker">Customize marker</button>
<button id="dealership-choose-vehicles-btn" type="button" class="btn btn-secondary" data-translation-id="menu:choose_vehicles">Choose vehicles</button>
<div id="dealership-account-name-div">
<div class="d-flex gap-3 align-items-center">
<div class="form-floating col-auto">
<input type="text" class="form-control" id="dealership-account-name" placeholder="Account" required>
<label for="dealership-account-name" data-translation-id="menu:account">Account</label>
</div>
<button id="dealership-choose-account-btn" type="button" class="btn btn-secondary col-auto" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:choose_account"><i class="bi bi-wallet2"></i></button>
</div>
</div>
</div>
<div id="player-dealership-purchase-div">
<hr>
<h2 class="text-center" data-translation-id="menu:dealership_ownership"></h2>
<div class="d-flex gap-3 justify-content-center">
<div class="form-floating col-3">
<input type="number" min="0" class="form-control" id="player-dealership-price" placeholder="Price" required>
<label for="player-dealership-price" data-translation-id="menu:price">Price</label>
</div>
<div class="form-floating col-3">
<input type="number" min="0" max="100" class="form-control" id="player-dealership-resell-percentage" placeholder="Resell percentage" required data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:resell_percentage_description">
<label for="player-dealership-resell-percentage" data-translation-id="menu:resell_percentage">Resell percentage</label>
</div>
</div>
</div>
<hr>
<div class="row mt-3">
<div id="auto-dealership-coords-div" class="col">
<div data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:coords:description">
<h2 class="text-center" data-translation-id="menu:coords">Coords</h2>
</div>
<div id="auto-dealership-coords-list">
</div>
<div class="col-12 d-inline-block mt-2">
<button id="dealership-add-coordinates-btn" type="button" class="btn btn-sm btn-secondary float-end" data-translation-id="menu:add_coordinates">Add coordinates</button>
</div>
</div>
<div id="player-dealership-coords-div" class="col">
<h2 class="text-center" data-translation-id="menu:dealership">Dealership</h2>
<div class="d-flex gap-3 align-items-center justify-content-center my-1">
<div class="form-floating col">
<input id="player-dealership-coords-x" type="number" step="0.01" class="form-control" placeholder="X" required>
<label data-translation-id="menu:x">X</label>
</div>
<div class="form-floating col">
<input id="player-dealership-coords-y" type="number" step="0.01" class="form-control" placeholder="Y" required>
<label data-translation-id="menu:y">Y</label>
</div>
<div class="form-floating col">
<input id="player-dealership-coords-z" type="number" step="0.01" class="form-control" placeholder="Z" required>
<label data-translation-id="menu:z">Z</label>
</div>
<button id="player-dealership-current-coords-btn" type="button" class="btn btn-secondary col-auto" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:choose_coords"><i class="bi bi-arrow-down-square"></i></button>
</div>
</div>
<div id="player-dealership-enter-showroom-div" class="col">
<div data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:enter_showroom:description">
<h2 class="text-center" data-translation-id="menu:enter_showroom">Enter showroom</h2>
</div>
<div class="d-flex gap-3 align-items-center justify-content-center my-1">
<div class="form-floating col">
<input id="dealership-enter-showroom-coords-x" type="number" step="0.01" class="form-control" placeholder="X" required>
<label data-translation-id="menu:x">X</label>
</div>
<div class="form-floating col">
<input id="dealership-enter-showroom-coords-y" type="number" step="0.01" class="form-control" placeholder="Y" required>
<label data-translation-id="menu:y">Y</label>
</div>
<div class="form-floating col">
<input id="dealership-enter-showroom-coords-z" type="number" step="0.01" class="form-control" placeholder="Z" required>
<label data-translation-id="menu:z">Z</label>
</div>
<button id="dealership-enter-showroom-current-coords-btn" type="button" class="btn btn-secondary col-auto" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:choose_coords"><i class="bi bi-arrow-down-square"></i></button>
</div>
</div>
</div>
<div class="row mt-5">
<div id="player-dealership-display-div" class="col">
<div data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:display_coords_description">
<h2 class="text-center" data-translation-id="menu:display_coords"></h2>
</div>
<div id="player-dealership-display-points-list">
</div>
<div class="col-12 d-inline-block mt-2">
<button id="dealership-add-display-point-btn" type="button" class="btn btn-sm btn-secondary float-end" data-translation-id="menu:add_coordinates">Add coordinates</button>
</div>
</div>
<div class="col">
<div data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:spawn_points:description">
<h2 class="text-center" data-translation-id="menu:spawn_points">Spawn points</h2>
</div>
<div id="dealership-spawn-points-list">
</div>
<div class="col-12 d-inline-block mt-2">
<button id="dealership-add-spawnpoint-btn" type="button" class="btn btn-sm btn-secondary float-end" data-translation-id="menu:add_coordinates">Add coordinates</button>
</div>
</div>
</div>
<hr>
<div>
<div data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:showroom:description">
<h2 class="text-center" data-translation-id="menu:showroom">Showroom</h2>
</div>
<div class="row g-2 row-cols-auto align-items-center justify-content-center my-1">
<div class="form-floating col">
<input id="dealership-showroom-coords-x" type="number" step="0.01" class="form-control" placeholder="X" required>
<label data-translation-id="menu:x">X</label>
</div>
<div class="form-floating col">
<input id="dealership-showroom-coords-y" type="number" step="0.01" class="form-control" placeholder="Y" required>
<label data-translation-id="menu:y">Y</label>
</div>
<div class="form-floating col">
<input id="dealership-showroom-coords-z" type="number" step="0.01" class="form-control" placeholder="Z" required>
<label data-translation-id="menu:z">Z</label>
</div>
<div class="form-floating col">
<input id="dealership-showroom-heading" type="number" step="0.01" class="form-control" placeholder="Heading" required>
<label data-translation-id="menu:heading">Heading</label>
</div>
<button id="dealership-showroom-current-coords-btn" type="button" class="btn btn-secondary col-auto" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:choose_coords"><i class="bi bi-arrow-down-square"></i></button>
</div>
</div>
<div id="dealership-restrictions-div">
<hr>
<div class="d-flex gap-5 row-cols-auto align-items-center justify-content-center my-3">
<h2 class="text-center my-auto" data-translation-id="menu:restrictions">Restrictions</h2>
<button id="dealership-choose-jobs-btn" type="button" class="btn btn-secondary col-auto" data-translation-id="menu:choose_jobs">Choose jobs</button>
<button id="dealership-choose-required-license-btn" type="button" class="btn btn-secondary col-auto" data-translation-id="menu:no_license_required">No license required</button>
</div>
</div>
<hr>
<h2 class="text-center" data-translation-id="menu:options">Options</h2>
<div class="row g-2 row-cols-auto align-items-center justify-content-center fs-3 my-3">
<div class="col-8" id="dealership-societies-to-send-money-to-div">
<div class="input-group">
<span class="input-group-text" data-translation-id="menu:societies_to_send_money_to">Societies to send money to</span>
<input type="text" class="form-control" id="dealership-societies-to-send-money-to" placeholder="None" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:societies_to_send_money_to_description" disabled>
<button type="button" class="btn btn-secondary" id="dealership-societies-to-send-money-to-btn" data-translation-id="menu:choose">Choose</button>
</div>
</div>
</div>
<div class="row g-2 row-cols-auto align-items-center justify-content-center fs-3 my-3" id="dealership-paying-society-div">
<div class="form-check my-auto me-5">
<input class="form-check-input" type="checkbox" value="" id="dealership-pay-with-society-money">
<label class="form-check-label" for="dealership-pay-with-society-money" data-translation-id="menu:players_pay_with_society_money">Players pay with money of society</label>
</div>
<div class="col">
<div class="input-group">
<span class="input-group-text" data-translation-id="menu:society_which_will_pay">Society which will pay</span>
<input type="text" class="form-control" id="dealership-paying-society" placeholder="None" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:society_which_will_pay_description" disabled>
<button type="button" class="btn btn-secondary" id="dealership-choose-paying-society-btn" data-translation-id="menu:choose">Choose</button>
</div>
</div>
</div>
<div class="row g-2 row-cols-auto align-items-center justify-content-center fs-3 my-3">
<div class="form-check my-auto me-3" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:loans:can_do:description">
<input class="form-check-input" type="checkbox" value="" id="dealership-loan-is-active">
<label class="form-check-label" for="dealership-loan-is-active" data-translation-id="menu:loans:can_do">Can do a loan</label>
</div>
<div class="col">
<div class="input-group">
<span class="input-group-text" data-translation-id="menu:loans:percentage">Percentage</span>
<input type="number" min="0" max="100" class="form-control" id="dealership-loan-percentage" placeholder="10%" disabled>
</div>
</div>
<div class="col" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:loans:interval:description">
<div class="input-group">
<span class="input-group-text" data-translation-id="menu:loans:interval">Interval (days)</span>
<input type="number" min="0" class="form-control" id="dealership-loan-interval" placeholder="3" disabled>
</div>
</div>
</div>
<div id="dealership-resell-points-div"> <!-- Resell points -->
<hr>
<p class="text-center fs-2" data-translation-id="menu:resell"></p>
<div class="row g-2 row-cols-auto align-items-center justify-content-center fs-3 my-3">
<div class="form-check my-auto me-5" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:resell_description">
<input class="form-check-input" type="checkbox" value="" id="dealership-is-resell-active">
<label class="form-check-label" for="dealership-is-resell-active" data-translation-id="menu:is_resell_active">Is resell active</label>
</div>
<div class="col">
<div class="input-group">
<span class="input-group-text" data-translation-id="menu:resell_percentage">Resell percentage</span>
<input type="number" min="0" max="100" class="form-control" id="dealership-resell-percentage" placeholder="50%" disabled>
</div>
</div>
<button id="dealership-resell-point-customize-marker-btn" type="button" class="btn btn-secondary mx-3" data-translation-id="menu:customize_marker" disabled>Customize marker</button>
</div>
<div id="dealership-resell-div" class="container" style="display: none">
<p class="text-center fs-3" data-translation-id="menu:resell_points">Resell points</p>
<div id="dealership-resell-points-list">
</div>
<div class="col-12 d-inline-block mt-2">
<button id="dealership-add-resell-point-btn" type="button" class="btn btn-sm btn-secondary float-end" data-translation-id="menu:add_coordinates">Add coordinates</button>
</div>
</div>
<hr>
</div>
<div id="test-drive-div"> <!-- Test drive -->
<div class="row g-2 row-cols-auto align-items-center justify-content-center fs-3 my-3">
<div class="form-check my-auto">
<input class="form-check-input" type="checkbox" value="" id="dealership-is-test-drive-active">
<label class="form-check-label" for="dealership-is-test-drive-active" data-translation-id="menu:test_drive:is_test_drive_active">Is test drive active</label>
</div>
<div class="col mx-3">
<div class="input-group">
<span class="input-group-text" data-translation-id="menu:test_drive:duration">Duration (seconds)</span>
<input type="number" min="0" class="form-control" id="dealership-test-drive-duration" placeholder="300" disabled>
</div>
</div>
<div class="form-check my-auto" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:test_drive:change_routing_bucket:description">
<input class="form-check-input" type="checkbox" value="" id="dealership-test-drive-change-routing-bucket" disabled>
<label class="form-check-label" for="dealership-test-drive-change-routing-bucket" data-translation-id="menu:test_drive:change_routing_bucket">Change routing bucket</label>
</div>
</div>
<div class="row g-2 row-cols-auto align-items-center justify-content-center my-1">
<div class="form-floating col">
<input id="dealership-test-drive-coords-x" type="number" step="0.01" class="form-control" placeholder="X" required>
<label data-translation-id="menu:x">X</label>
</div>
<div class="form-floating col">
<input id="dealership-test-drive-coords-y" type="number" step="0.01" class="form-control" placeholder="Y" required>
<label data-translation-id="menu:y">Y</label>
</div>
<div class="form-floating col">
<input id="dealership-test-drive-coords-z" type="number" step="0.01" class="form-control" placeholder="Z" required>
<label data-translation-id="menu:z">Z</label>
</div>
<div class="form-floating col">
<input id="dealership-test-drive-heading" type="number" step="0.01" class="form-control" placeholder="Heading" required>
<label data-translation-id="menu:heading">Heading</label>
</div>
<button id="dealership-test-drive-current-coords-btn" type="button" class="btn btn-secondary col-auto" data-bs-toggle="tooltip" data-bs-placement="top" data-translation-id="menu:choose_coords"><i class="bi bi-arrow-down-square"></i></button>
</div>
</div>
</div>
<div class="modal-footer">
<button id="delete-dealership-btn" type="button" class="btn btn-danger me-auto" data-translation-id="menu:delete" data-bs-dismiss="modal">Delete</button>
<button id="import-dealership-btn" type="button" class="btn btn-primary" data-translation-id="menu:import">Import</button>
<button type="button" class="btn btn-secondary" data-translation-id="menu:close" data-bs-dismiss="modal">Close</button>
<button id="save-dealership-btn" type="submit" class="btn btn-success" data-translation-id="menu:create">Create</button>
</div>
</form>
</div>
</div>
<!-- Input dialog -->
<div class="modal fade" id="input-dialog-modal" data-bs-backdrop="static" tabindex="-1" role="dialog" style="z-index: 1070;">
<div class="modal-dialog modal-dialog-centered" role="document">
<form id="input-dialog-modal-form" class="modal-content needs-validation" novalidate>
<div class="modal-header">
<h5 class="modal-title" id="input-dialog-modal-title">Title</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="input-group mb-3">
<span class="input-group-text" id="input-dialog-modal-label">Label</span>
<input type="text" class="form-control" id="input-dialog-modal-value" required>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-translation-id="menu:close" data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success" data-translation-id="menu:confirm">Confirm</button>
</div>
</form>
</div>
</div>
<!-- New vehicle in db -->
<div id="vehicle-modal" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-xs">
<form id="vehicle-form" class="modal-content needs-validation" novalidate>
<div class="modal-header">
<h5 class="modal-title" data-translation-id="menu:new_vehicle">New vehicle</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="d-flex justify-content-center">
<div class="btn-group mx-auto mb-3" role="group">
<input type="radio" class="btn-check" name="create-vehicle-type" id="car" value="car" autocomplete="off" checked>
<label class="btn btn-outline-primary" for="car">Car</label>
<input type="radio" class="btn-check" name="create-vehicle-type" id="air" value="air" autocomplete="off">
<label class="btn btn-outline-primary" for="air">Air</label>
<input type="radio" class="btn-check" name="create-vehicle-type" id="boat" value="boat" autocomplete="off">
<label class="btn btn-outline-primary" for="boat">Boat</label>
</div>
</div>
<div class="input-group mb-3">
<span class="input-group-text" data-translation-id="menu:spawn_name">Spawn name</span>
<input id="create-vehicle-spawn-name" type="text" class="form-control" placeholder="pbus2" required>
</div>
<div class="input-group mb-3">
<span class="input-group-text" data-translation-id="menu:label">Label</span>
<input id="create-vehicle-label" type="text" class="form-control" placeholder="Party bus" required>
</div>
<div class="input-group">
<label class="input-group-text" data-translation-id="menu:class">Class</label>
<select id="create-vehicle-class" class="form-select"></select>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-translation-id="menu:close" data-bs-dismiss="modal">Close</button>
<button name="create-vehicle-btn" type="submit" class="btn btn-success" data-translation-id="menu:create">Create</button>
<button name="create-vehicle-with-image-btn" type="submit" class="btn btn-success" data-translation-id="menu:create_with_image">Create with image</button>
</div>
</form>
</div>
</div>
<!-- New class in db -->
<div id="class-modal" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-xs">
<form id="class-form" class="modal-content needs-validation" novalidate>
<div class="modal-header">
<h5 class="modal-title" data-translation-id="menu:new_class"></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="input-group mb-3">
<span class="input-group-text" data-translation-id="menu:id">id</span>
<input id="create-class-id" type="text" class="form-control" placeholder="sports_classics" required>
</div>
<div class="input-group">
<span class="input-group-text" data-translation-id="menu:label">Label</span>
<input id="create-class-label" type="text" class="form-control" placeholder="Sports Classics" required>
</div>
</div>
<div class="modal-footer">
<button id="delete-class-btn" type="button" class="btn btn-danger me-auto" data-translation-id="menu:delete" data-bs-dismiss="modal">Delete</button>
<button type="button" class="btn btn-secondary" data-translation-id="menu:close" data-bs-dismiss="modal">Close</button>
<button id="save-class-btn" type="submit" class="btn btn-success" data-translation-id="menu:create">Create</button>
</div>
</form>
</div>
</div>
<div class="main-container" style="display:none; background-color: rgba(11,11,11,0.9)">
<div class="header">
<div class="hrec hrec-s"></div>
<div class="selected-vehicle" id="header-title">
<p data-translation-id="menu:dealership">Dealership</p>
</div>
<div class="hrec"></div>
<div class="exit-btn" id="exit">
<p data-translation-id="menu:exit_dealership"></p>
</div>
<div class="hrec hrec-s"></div>
</div>
<div class="selection-page">
<ul class="vehicle-list"></ul>
</div>
</div>
<script src="./assets/js/theme.bundle.js"></script>
<script src="index.js"></script>
<script src="showroom.js"></script>
<script src="../utils/dialogs/dialogs.js"></script>
<script src="./src/index.js"></script>
<script src="./src/functions.js"></script>
<script src="./src/showPermissionPage.js"></script>
</body>
</html>