@extends('admin/layouts/default')

@section('title')
Vehicle
@parent
@stop

@section('content')
<section class="content-header">
    <h1>{{Lang::get('vehicle.vehicle_view')}}</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('admin.dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                {{Lang::get('general.dashboard')}}
            </a>
        </li>
        <li><a href="{{ route('admin.vehicle.index') }}" > {{Lang::get('vehicle.vehicles')}} </a></li>
        <li class="active"><a href="{{ route('admin.vehicle.show', collect($vehicle)->first() ) }}">{{Lang::get('vehicle.vehicle_view')}} </a></li>
    </ol>
</section>

<section class="content paddingleft_right15">
    <div class="row">
    @include('flash::message')
    @if(Session::has('message'))
        <p class='validation' style='display;color:green;padding-bottom: 10px;'>{{ Session::get('message') }}</p>
    @endif
    <div class="panel panel-success" id="hidepanel1">
            <div class="bs-example">
                <ul class="nav nav-tabs" style="margin-bottom: 15px;">
                    <li class="active">
                        <a href="#vehicle" class="vehicle-tab" data-toggle="tab">{{Lang::get('vehicle.vehicle_details')}}</a>
                    </li>
                    <li>
                        <a href="#transaction" class="transaction-tab" data-toggle="tab">{{Lang::get('vehicle.vehicle_transaction')}}</a>
                    </li>
                    <li>
                        <a href="#vehicledocumnets" class="transaction-tab" data-toggle="tab">{{Lang::get('vehicle.vehicle_documents')}}</a>
                    </li>             
                </ul>

                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="vehicle">
                        @include('livewire.common._vehicleview')
                        @include("admin.admin.common-audit-partial") 
                    </div>
                    <div class="tab-pane fade" id="transaction">
                        @include('admin.vehicles.vehicle_transaction')
                    </div>
                    <div class="tab-pane fade" id="vehicledocumnets">
                        @include('admin.vehicles.vehicle_documents')
                    </div>                    
                </div>
            </div>            
        </div>
    </div>
    <input type="hidden" name="_property_boudary_id" id="_property_boudary_id" value="{{isset($datas['property_boundary_id']) ? $datas['property_boundary_id']  : '' }}">
    <input type="hidden" name="_property_litigation_id" id="_property_litigation_id" value="{{isset($datas['property_litigation_id']) ? $datas['property_litigation_id']  : '' }}">
</section>
@include('admin.transactions.print_modal')

@stop
@section('footer_scripts')
<script src="{{ asset('assets/js/dojo.js') }}"></script>
<script type="text/javascript">
    function printDocument (id) {
        var document_id =  $(id).attr("data-document_id");
        var document_type =  $(id).attr("data-document_type");
        $("#pdf_files").html("");
        var baseurl = $('#baseurl').val();
        $.ajax({
            type: 'get', 
            url : baseurl+"/admin/file/showPopup/"+document_type+'/'+document_id, 
            success : function (data) {
                var base64str = data;
                var binary = atob(base64str.replace(/\s/g, ''));
                var len = binary.length;
                var buffer = new ArrayBuffer(len);
                var view = new Uint8Array(buffer);
                for (var i = 0; i < len; i++) {
                    view[i] = binary.charCodeAt(i);
                }
 
                var blob = new Blob([view], {
                    type: "application/pdf"
                });
                var url = URL.createObjectURL(blob);
 
                if(document_type == 'pdf')
                    var htmlPop = '<iframe id="iframe" src="'+url+'"  width="1535" height="1150" allowfullscreen webkitallowfullscreen disableprint=true; ></iframe>';
                else
                    var htmlPop = '<embed width="1535" height="1150" src="data:image/png;base64,'+data+'"></embed>';

                $("#pdf_files").html(htmlPop);
                $('#print-view-modal').modal('show');     
            }
        });
    };
</script>
@stop