@extends('template_no_header')

@section('title')
    HRIS | Pembuatan SPPD
@stop

@section('top_script')
    @include('sppd::layouts.top_script')
    <style type="text/css">
        tbody td {
            vertical-align: middle !important;
        }
        tbody td ol {
            padding-left: 10px;
        }
        table > tbody > tr > td {
            padding: 0px;
        }
        tbody td {
            vertical-align: middle !important;
        }
        table thead tr th {
            background-color: #2e3e4e !important;
            color: #ffffff;
            font-size: 10px !important;
        }
        table thead tr th input {
            border-radius: 0px;
            line-height: 16px;
        }
        table thead tr th input::placeholder { color: #efefef !important; }
        table .select2-container {
            border-radius: 0;
        }
        table .select2-container .select2-choice {
            height: 34px;
            line-height: 31px !important;
        }
        table .select2-container .select2-choice > .select2-chosen {
            font-size: 10px;
            color: #a7a2a2 !important;
        }
        .panel .table td {
            padding: 2px 5px;
            vertical-align: middle;
        }
        .table>tbody.list-table-biaya>tr>td {
            padding: 3px;
        }
        .table>tbody.list-table-biaya>tr>td.text-right {
            padding-right: 5px;
        }
        .table>tbody.tbody-list-biaya>tr>td {
            padding:5px;
            font-size: 11px
        }
        .tooltip {
            z-index: 1050 !important;
        }
    </style>
@stop

@section('content')
<section class="scrollable wrapper">
    <div class="row">
        <div class="col-lg-12">
            <!-- .nav-justified -->
            <section class="panel panel-default">
                <header class="panel-heading bg-light">
                    <ul class="nav nav-tabs nav-justified">
                        <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
                        <li><a href="#profile" data-toggle="tab">Profile</a></li>
                        <li><a href="#messages" data-toggle="tab">Messages</a></li>
                        <li><a href="#settings" data-toggle="tab">Settings</a></li>
                    </ul>
                </header>
                <div class="panel-body">
                    <div class="tab-content">
                        <div class="tab-pane active" id="home">home</div>
                        <div class="tab-pane" id="profile">profile</div>
                        <div class="tab-pane" id="messages">message</div>
                        <div class="tab-pane" id="settings">settings</div>
                    </div>
                </div>
            </section>
            <!-- / .nav-justified -->
        </div>
    </div>
</section>
@stop

@section('bottom_script')
    @include('sppd::layouts.bottom_script')
    <script src="{{asset('asset-payroll/libs/jquery/maskinput/jquery.inputmask.bundle.js')}}"></script>
@stop