@extends('layout.main')
@section('title', 'Detail Cashbon ' . $detail->number)

@section('prev-page')
    <a href="{{ route('dashboard') }}" class="text-default">
        <i class="icon-arrow-left52 position-left"></i><span class="text-semibold">Home</span>
    </a> - <a href="{{ route('admin.cashbon') }}" class="text-default">
        <span class="text-semibold">Daftar Cashbon</span>
    </a>
@endsection

@section('content')
    <div class="col-lg-8 col-lg-offset-2">
        <div class="panel panel-white">
            <div class="panel-heading">
                <h6 class="panel-title">Detail Cashbon {{ $detail->number }}</h6>
                @if ($detail->used == 0 && strtotime($detail->created) > strtotime('-12 hours'))
                    <div class="heading-elements">
                        <a href="{{ route('admin.cashbon.update', $detail->id) }}" data-toggle="modal" data-target="#modal-remote">
                            <button class="btn bg-blue btn-labeled heading-btn"><b><i class="icon-calculator"></i></b> Rubah Cashbon</button>
                        </a>
                    </div>
                @endif
            </div>
            <div class="panel-body">
                <div class="form-horizontal">
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">ID:</label>
                        <div class="col-lg-10">
                            <div class="form-control-static">{{ $detail->number }}</div>
                        </div>
                    </div>
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">Nama Pegawai:</label>
                        <div class="col-lg-10">
                            <div class="form-control-static">{{ $detail->employee->name }}</div>
                        </div>
                    </div>
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">Tanggal:</label>
                        <div class="col-lg-10">
                            <div class="form-control-static">{{ date_format(date_create($detail->created), 'd F Y H:i:s') }}</div>
                        </div>
                    </div>
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">Nilai:</label>
                        <div class="col-lg-10">
                            <div class="form-control-static">Rp{{ number_format($detail->amount, 0, ',', '.') }}</div>
                        </div>
                    </div>
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">Keterangan:</label>
                        <div class="col-lg-10">
                            <div class="form-control-static">{!! nl2br($detail->description) !!}</div>
                        </div>
                    </div>
                    <div class="form-group no-margin">
                        <label class="col-lg-2 control-label">Status:</label>
                        <div class="col-lg-10">
                            <span class="label" style="background-color: {{ $detail->status->color }};">{{ $detail->status->name }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('other-scripts')
    <script type="text/javascript" src="{{ asset('assets/js/core/app.js') }}"></script>
@endsection