@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row-fluid">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                Ratio : {{ $ratio->id }}
            </h3>
            <ul class="breadcrumb">
                <li>
                    <i class="icon-home"></i>
                    <a href="#">Dashboard</a> 
                    <i class="icon-angle-right"></i>
                </li>
                <li><a href="#">Masters</a><i class="icon-angle-right"></i></li>
                <li><a href="#">Ratios</a></li>
                
            </ul>
            <!-- END PAGE TITLE & BREADCRUMB-->
        </div>
        <div class="row-fluid">
            
            <div class="span12">
                <div class="panel panel-default">
                    <div class="panel-body">

                        <a href="{{ url('/admin/ratio') }}" title="Back"><button class="btn green btn-xs"><i class="m-icon-swapleft m-icon-white" aria-hidden="true"></i> Back</button></a>
                        <a href="{{ url('/admin/ratio/' . $ratio->id . '/edit') }}" title="Edit Ratio"><button class="btn purple btn-xs"><i class="icon-edit" aria-hidden="true"></i> Edit</button></a>
                        {!! Form::open([
                            'method'=>'DELETE',
                            'url' => ['admin/ratio', $ratio->id],
                            'style' => 'display:inline'
                        ]) !!}
                            {!! Form::button('<i class="icon-trash" aria-hidden="true"></i> Delete', array(
                                    'type' => 'submit',
                                    'class' => 'btn red btn-xs',
                                    'title' => 'Delete Ratio',
                                    'onclick'=>'return confirm("Confirm delete?")'
                            ))!!}
                        {!! Form::close() !!}
                        <br/>
                        <br/>

                        <div class="table-responsive">
                            <table class="table table-borderless">
                                <tbody>
                                    <tr>
                                        <th>ID</th><td>{{ $ratio->id }}</td>
                                    </tr>
                                    <tr><th> Name </th><td> {{ $ratio->ratio_name }} </td></tr><tr><th> Status </th><td> {!! $ratio->status == 0 ? '<span class="label label-warning">Inactive</span>' : '<span class="label label-success">Active</span>' !!} </td></tr>
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection