@extends('layouts.acc_layout')

@section('Auto Voucher Settings', '| '. $pageTitle)

@section('stylesheets')
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <style>
        .panel .panel-body {
            color: #2c2e2f;
        }
        .table-custom {
            table-layout: fixed;
            width: 100% !important;
            border-collapse: collapse !important;
            border: 1px solid #2c2e2f !important;
        }
        .table-custom  th,td {
            border: 1px solid #c6c7cc;
            /* padding: 10px 15px; */
        }
        .table-custom th {
            font-weight: bold;
            text-align: center;
            padding: 10px 15px;
        }
    </style>
@endsection


@section('content')

<div class="row">
    <div class="col-md-12">
        @include('hr_partials._message')
    </div>
</div>

<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10 fullbody">
        <div class="viewTitle" style="border-bottom: 1px solid white;"></div>
        <div class="panel panel-default panel-border">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel-heading">
                            <div class="panel-title col-md-6">{{ $pageTitle }}</div>
                            <div class="text-right col-md-6">
                                <a href="{{ url('hr/salaryGenerateAutoVoucher') }}" class="btn btn-info btn-sm" style="margin-bottom: 0;">
                                    <i class="fa fa-list"></i> List
                                </a>
                            </div>
                        </div>
                        <div class="panel-body">
                            @include('hr.salaryGenerateAutoVoucher._form')
                        </div>
                        {{-- ./panel-body --}}
                    </div>
                    {{-- ./col-md-12 --}}
                </div>
                {{-- .row --}}
            </div>
            {{-- ./panel-body --}}
        </div>
        {{-- ./panel --}}
    </div>
    {{-- ./col-md-10 --}}
    <div class="col-md-1"></div>
</div>
@endsection

@section('js')
<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>    
@endsection