@extends('layouts.master')
@section('title', 'Settings')

@section('content')
<div class="card">
    <div class="card-header">
        <ul class="nav nav-tabs card-header-tabs" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" data-bs-toggle="tab" href="#tab-brands">Jenama</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#tab-technicians">Teknikal</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#tab-payment">Kaedah Bayaran</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#tab-company">Syarikat</a>
            </li>
        </ul>
    </div>
    <div class="card-body">
        <div class="tab-content">
            <div class="tab-pane active" id="tab-brands">
                @include('settings._brands-list')
            </div>
            <div class="tab-pane" id="tab-technicians">
                @include('settings._technicians-list')
            </div>
            <div class="tab-pane" id="tab-payment">
                @include('settings._payment-list')
            </div>
            <div class="tab-pane" id="tab-company">
                @include('settings._company')
            </div>
        </div>
    </div>
</div>
@endsection