<div class="sub-navigation">
    <div class="styling-block">
        <div class="left"></div>
        <div class="right"></div>
    </div>

    <div class="types">
        <div class="content-container">
            <div class="type kapitan-53-55 extra-top">
                <span class="background"></span>
                <a href="{{$data->links->kapitan_53_55->route}}">
                    <div class="placeholder">
                        <p>19<strong>53</strong></p>
                        <span></span>
                        <p>19<strong>55</strong></p>
                    </div>
                </a>
            </div>
            <div class="type kapitan-56-57">
                <span class="background"></span>
                <a href="{{$data->links->kapitan_56_57->route}}">
                    <div class="placeholder">
                        <p>19<strong>56</strong></p>
                        <span></span>
                        <p>19<strong>57</strong></p>
                    </div>
                </a>
            </div>
            <div class="type kapitan-58-59">
                <span class="background"></span>
                <a href="{{$data->links->kapitan_58_59->route}}">
                    <div class="placeholder">
                        <p>19<strong>58</strong></p>
                        <span></span>
                        <p>19<strong>59</strong></p>
                    </div>
                </a>
            </div>
            <div class="type kapitan-60-64 extra-top">
                <span class="background"></span>
                <a href="{{$data->links->kapitan_60_64->route}}">
                    <div class="placeholder">
                        <p>19<strong>60</strong></p>
                        <span></span>
                        <p>19<strong>64</strong></p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="choose-type">
        <div class="content-container">
            <div class="arrows">
                <div class="arrow-left arrow"></div>
                <div class="arrow-right arrow"></div>
            </div>
            <h3>@lang('translations.chooseTypeKapitan')</h3>
        </div>
    </div>

    <div class="styling-block bottom">
        <div class="left"></div>
        <div class="right"></div>
    </div>
</div>