<html>
<head>
    <title>DAGO-JEK | Profil</title>
    <link rel="stylesheet" type="text/css" href="/style.css">
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-3">Logo</div> 
            <div class="col-3 text-right">
                <p>
                    Hi, <?=$user->username?><br>
                    Logout
                </p>
            </div> 
        </div> 
        <div class="row">
            <div class="col-2 tab text-center">ORDER</div> 
            <div class="col-2 tab text-center">HISTORY</div> 
            <div class="col-2 tab text-center active">MY PROFILE</div> 
        </div>
        <div class="row">
            <div class="col-5"><h1>MY PROFILE</h1></div>
            <div class="col-1 text-right">edit</div>
        </div> 
        <div class="text-center">
            <img class="img-circle" src="<?=$user->photo?>"/><br>
            <h2>@<?=$user->username?></h2>
            <p><?=$user->name?></p>
            <?php if ($user->is_driver) : ?>
                <p>Driver | <?=$driver_rating?> (<?=$driver_order?> vote<?=($driver_order>1)?'s':''?>)</p>
            <?php else : ?>
                <p>Non Driver</p>
            <?php endif; ?>
            <p><?=$user->email?></p>
            <p><?=$user->phone?></p>
        </div> 
        <div class="row">
            <div class="col-5"><h2>PREFERED LOCATIONS</h2></div>
            <div class="col-1 text-right">edit</div>
        </div> 
        <div class="row">
            <ul>
                <li>Lokasi 1</li>
                <li>Lokasi 2</li>
                <li>Lokasi 3</li>
                <li>Lokasi 4</li>
            </ul>
        </div>
    </div>
</body>
</html>