@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row-fluid">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                Currency : {{ $currency->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="#">Currency</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/currency') }}" title="Back"><button class="btn green btn-xs"><i class="m-icon-swapleft m-icon-white" aria-hidden="true"></i> Back</button></a>
                        <button class="btn purple btn-xs modal-open-class" title="Edit Currency" data-id="{{$currency->id}}" data-name="{{$currency->name}}" data-currency="{{$currency->currency}}"><i class="icon-edit" aria-hidden="true"></i> Edit</button>
                        {!! Form::open([
                            'method'=>'DELETE',
                            'url' => ['admin/currency', $currency->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 Currency',
                                    'onclick'=>'return confirm("Confirm delete?")'
                            ))!!}
                        {!! Form::close() !!}
                        <br/>
                        <br/>

                        <div class="table-responsive">
                            <table class="table table-borderless">
                                <tbody>
                                    <tr>
                                        <th>ID</th><td>{{ $currency->id }}</td>
                                    </tr>
                                    <tr><th> Name </th><td> {{ $currency->name }} </td></tr>
                                    <tr><th> Currency </th><td> {{ $currency->currency }} </td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="updateCurrencyModal" class="modal span4 hide fade">
        @include('admin.currency.edit')
    </div>
@endsection
@push('custom-scripts')
    <script type="text/javascript">
        $( function() {
            $('.modal-open-class').click(function() {
                var id = $(this).data('id');
                var name  = $(this).data('name');
                var currency  = $(this).data('currency');
                var update_url =  $("#myform2").attr("action");
                update_url = update_url.replace("currency_id",id);
                $("#myform2").attr("action", update_url);

                $('#myform2 :input[name=name]').val(name);
                $('#myform2 :input[name=currency]').val(currency);

                $("#myform2 input #name").val(name);
                $("#myform2 input #currency").val(currency);
                $('#updateCurrencyModal').modal('toggle');
            });
        } );
    </script>
@endpush