@extends('layouts.production')
@section('addCss')
{{ HTML::style('assets/vendor/jquery-ui/jquery-ui.min.css') }}
<style media="screen">
    #example2_filter input[type=search] {
        width: 200px;
    }
    legend { padding-bottom: 5px !important; text-align: center; }
    table.table-info td { padding: 30px !important;}
    table.table-info td, table.table-info th { text-align: center;}
    .table-info .label { font-size: 16px !important; padding: 20px;  }
    .table-payment td {
        vertical-align: middle !important; }
    .inner h3 { font-size: 24px; }
</style>
@endsection
@section('content')
    <section class="content-header">
        <h1>
          {{Trans("installments.menu")}}
            <small>{{Trans("dashboard.others.detail")}}</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="/"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="{{ Route('installments.index') }}"><i class="fa fa-credit-card"></i> {{ Trans('installments.menu')}}</a></li>
            <li class="active">{{Trans("dashboard.others.detail")}}</li>
        </ol>
    </section>

<!-- Main content -->
<section class="content">
    @include('layouts.includes.message')
    @include('installments.inc.montly_payment')
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title" style="padding-top: 5px;"><i class="fa fa-th-list"></i> {{ trans('installments.detail') }}</h3>
                    <div class="pull-right">
                        <a href="{{ route('loan_customers.show', $installment->customer_id)}}" class="btn btn-sm btn-info"><i class="fa fa-th-list"></i> {{ trans('installments.show_customer') }}</a>
                        <a href="{{ route('installments.print', $installment->id) }}" target="_blank" class="btn btn-sm btn-default"><i class="fa fa-print"></i> {{ trans('dashboard.others.print') }}</a>
                        <a href="{{ route('installments.print', [$installment->id, "type=detail"]) }}" target="_blank" class="btn btn-sm btn-default"><i class="fa fa-print"></i> {{ trans('installments.print') }}</a>
                    </div>
                </div>
                <div class="box-body">
                    @include("installments.inc.loan_detail")
                                        @include("installments.inc.box_graph")
                    <div class="box box-solid box-default">
                        <div class="box-header">
                            <h3 class="box-title"><i class="fa fa-credit-card-alt"></i></h3>
                        </div>
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-2">
                                    <!-- small box -->
                                    <div class="small-box bg-gray">
                                        <div class="inner">
                                            <h3>{{ $term }}</h3>
                                            <p>{{ trans("payments.total_term") }}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <!-- small box -->
                                    <div class="small-box bg-green">
                                        <div class="inner">
                                        <h3>{{ money($totalInterest) }}</h3>

                                        <p>{{ trans("payments.total_interest") }}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <!-- small box -->
                                    <div class="small-box bg-yellow">
                                        <div class="inner">
                                        <h3>{{ money($total_principal) }}</h3>

                                        <p>{{ trans("payments.total_principal") }}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <!-- small box -->
                                    <div class="small-box bg-aqua">
                                        <div class="inner">
                                        <h3>{{ money($total_payment) }}</h3>

                                        <p>{{ trans("payments.total_received") }}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <!-- small box -->
                                    <div class="small-box bg-red">
                                        <div class="inner">