@extends('layout.main')
@include('invoicetemplates.html')

@section('content')
<ol class="breadcrumb bc-3">
    <li>
        <a href="{{URL::to('dashboard')}}"><i class="entypo-home"></i>Home</a>
    </li>
    <li class="active">
        <a href="{{URL::to('invoice_template')}}">  Invoice Template</a>
    </li>
    <li class="active">
        <strong>Edit {{$InvoiceTemplate->Name}}</strong>
    </li>
</ol>
<h3>Edit {{$InvoiceTemplate->Name}}</h3>

@include('includes.errors')
@include('includes.success')
<p style="text-align: right;">
    <a href="{{URL::to('/invoice_template')}}" class="btn btn-danger btn-sm btn-icon icon-left">
        <i class="entypo-cancel"></i>
        Close
    </a>
    @if(User::checkCategoryPermission('InvoiceTemplates','Edit') )
    <button type="submit" id="invoice_template-save"  class="save btn btn-primary btn-sm btn-icon icon-left" data-loading-text="Loading...">
        <i class="entypo-floppy"></i>
        Save
    </button>
    @endif
    <a  href="Javascript:void(0);" id="invoice_template-print"  class="btn btn-danger btn-sm btn-icon icon-left" >
        <i class="entypo-print"></i>
        Preview Template
    </a>

</p>
<br>
<div class="invoice">
    <div class="row">
        <div class="col-md-12">
		@yield('logo')
		</div>

	</div>
	<div class="row">
        <div class="col-md-12">
        @yield('invoice_from')
        </div>
    </div>

	<br /><br /><br />
        @if(Input::get('Type') == 1 )
        <div class="row">
            <div class="col-sm-5">
                <div class="invoice-left">
                        @yield('usage_invoice_duration')
                    </div>
                </div>
            <div class="col-sm-2"></div>
            <div class="col-sm-5">
                <div class="invoice-right">
                     @yield('usage_invoice_prevbal')
                    </div>
                </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                @yield('subscriptiontotal')
            </div>
        </div>
        @else
            @yield('items')
        @endif


	<div class="margin"></div>
	<div class="row">

            <div class="col-sm-7">

                <div class="invoice-left">
                    </br>
                    </br>
                    @yield('terms')
                </div>

            </div>

            <div class="col-sm-5">

                <div class="invoice-right">
            	     @yield('total')
                </div>
            </div>
        </div>
        <br/>
        <br/>
        <br/>
        <br/>

                <hr>
                @if(Input::get('Type') == 1 )
                    @yield('sub_usage')
                @endif
                <div class="row">
                    <div class="col-sm-12">
                        @yield('footerterms')
                    </div>
                </div>
</div>
	<style>
	    .invoice-editable:focus {
	        background: #FFFEBD;
	    }
	    #invoice_template-save:focus{
            background: #0058FA;
	    }
	    .editable-container.editable-inline{
	        width: 100%;
	    }

	    .invoice-right .editable-inline .control-group.form-group{width: 100%;}
	    .invoice-left .editable-inline .control-group.form-group{width: 90%;}

        .invoice-right  .editable-container .form-control ,.invoice-right .editable-input{width: 90%;}
	    .invoice-left  .editable-container .form-control ,.invoice-left .editable-input{width: 100%;}

	</style>
	<script type="text/javascript">
	$(document).ready(function() {
        //toggle `popup` / `inline` mode
        $.fn.editable.defaults.mode = 'inline';
        $.fn.editable.defaults.ajaxOptions = {type: "PUT"};
        $.fn.editable.defaults.showbuttons = false;
        $.fn.editableform.template = '<form class="form-inline editableform" enctype="multipart/form-data">'+
        '<div class="control-group">' +
        '<div><div class="editable-input"></div><div class="editable-buttons"></div></div>'+
        '<div class="editable-error-block"></div>' +
        '</div>' +
        '</form>';

        //make username editable
        $('.invoice #InvoiceTemplateName').editable();
        $('.invoice #InvoiceStartNumber').editable();
        $('.invoice #InvoiceTemplateHeader').editable();
        $('.invoice #InvoiceTemplateFooter').editable();
        $('.invoice #InvoiceTemplateTerms').editable();
        $('.invoice #InvoiceTemplatePages').editable({
            prepend: 'Pages',
            value: '{{$InvoiceTemplate->Pages}}',
            source: [
                        { value: 'single', text: 'A single page with totals only' },
                        { value: 'single_with_detail', text: 'First page with totals + usage details attached on additional pages' }
                    ]
        });

        $('#invoice_template-print').click(function() {
                    document.getElementById("invoice_iframe").contentDocument.location.reload(true);
                    $('#print-modal-invoice_template').modal('show');
        });

        /*$('#print-modal-invoice_template .print.btn').click(function() {
            window.frames[0].focus();
            window.frames[0].print();
        });*/

        $('#invoice_template-save').click(function() {
           $('.invoice-editable').editable('submit', {
               url: '