@extends('Admin.master_layout.master')
@section('title', getTitleInPage())
@section('header_menu')
@parent
@endsection
@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb">
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a>
            <a href="{{ url('s3_search') }}" title="Go to {{ getTitleInPage() }}" class="tip-bottom">
                {{ getTitleInPage() }}
            </a>
            <a href="" class="current">
                {{ getTitleInPage() }} - View
            </a>
        </div>
        <h1>{{ getTitleInPage() }} - View</h1>
    </div>
    <div class="container-fluid">
        <hr>
        <div class="row-fluid">
            <div class="span12">
                @if (Session::has('message'))
                <div class="alert alert-info">{!! Session::get('message') !!}</div>
                @endif
                @if (Session::has('error'))
                <div class="alert alert-danger">{!! Session::get('error') !!}</div>
                @endif
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
                
                <div class="pull-left" style="text-align: center;width: 96%;padding-bottom:12px;">
                                       <a href="{{ url('s3_search') }}" class="btn btn-danger">Back</a>
                                       @if(!empty($first))
                                       <a href="{{ url('s3_search/view') }}/{{ base64_encode($first) }}" class="btn btn-info">First</a>
                                       @endif
                                       @if(!empty($last))
                                       <a href="{{ url('s3_search/view') }}/{{ base64_encode($last) }}" class="btn btn-info">Last</a>
                                       @endif
                                       @if(!empty($perv))
                                       <a href="{{ url('s3_search/view') }}/{{ base64_encode($perv) }}" class="btn btn-primary">Previous</a>
                                       @endif
                                       @if(!empty($next))
                                       <a href="{{ url('s3_search/view') }}/{{ base64_encode($next) }}" class="btn btn-primary">Next</a>
                                       @endif
                                       
                                    </div>
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"> <i class="icon-briefcase"></i> </span>
                        <h5>{{ getTitleInPage() }} - View</h5>
                    </div>
                    <div class="widget-content">
                        <div class="row-fluid">
                            <div class="span6">
                                <table class="">
                                    <tbody>
                                        <tr>
                                            <td>
                                                <h4>{{ $s3Data[0]['transaction_type_name'] }}</h4>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Branch Name: <b>{{ $s3Data[0]['meta_data']['short_code'] }}-{{ $s3Data[0]['meta_data']['merchant_name'] }}</b></td>
                                        </tr>
                                        <tr>
                                            <td>Amount : <b><span id="mainAmount">{{ $s3Data[0]['meta_data']['amount'] }}</span></b></td>
                                        </tr>
                                        <tr>
                                            <td>Date Of Expense : <b>{{ changeDateFormate($s3Data[0]['meta_data']['date']) }}</b></td>
                                        </tr>
                                        <tr>
                                            <td>Payment Mode : <b>{{ $s3Data[0]['meta_data']['payment_mode'] }}</b></td>
                                        </tr>
                                        <tr>
                                            <td>Status : <b>{{ $s3Data[0]['meta_data']['status'] }}</b></td>
                                        </tr>
                                        @if(isset($s3Data[0]['meta_data']['remark']) && $s3Data[0]['meta_data']['remark'] != '')
                                        <tr>
                                            <td>Remark : <b>{{ $s3Data[0]['meta_data']['remark'] }}</b></td>
                                        </tr>
                                        @endif
                                        @if(isset($s3Data[0]['meta_data']['remark_maker']) && $s3Data[0]['meta_data']['remark_maker'] != '')
                                        <tr>
                                            <td>Clarification : <b>{{ $s3Data[0]['meta_data']['remark_maker'] }}</b></td>
                                        </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                            
                        </div>
                        <br>
                        <div class="row-fluid">
                            <div class="span12">


                                <table class="table table-bordered table-invoice dbclickCls">
                                    <thead>
                                        <tr>
                                            <td class="width30"><strong>Item</strong></td>
                                            <td class="width30"><strong>Dr A/c Head</strong></td>
                                            <td class="width30"><strong>Cr A/c Head</strong></td>
                                            <td class="width30"><strong>Amount</strong></td>
                                            <td class="width30"><strong>Attach Files</strong></td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(count($s3Data) > 0)
                                        @foreach($s3Data as $key => $item)
                                        <tr>
                                            <td class="width30">{{ $item['meta_data']['item_name'] }}</td>
                                            <td class="width30">
                                              {{ $item['meta_data']['dr_account_head_name'] }}
                                            </td>
                                            <td class="width30">
                                            {{ $item['meta_data']['cr_account_head_name'] }}
                                            </td>
                                            <td class="width30" data-table="payment_orders_items" >{{ $item['meta_data']['item_amount'] }}</td>
                                            <td class="width30">
                                                @if($item['invoice_file'] != null)
                                                @if($key == 0)
                                                <img src="{{ url('admin/img/pdf-icon.png') }}" id="pdfid{{$key}}" class="cashbookpdf" onclick="viewPdfFileNew('{{ $item['invoice_file'] }}','{{$key}}');">
                                                @else
                                                <img src="{{ url('admin/img/pdf.png') }}" id="pdfid{{$key}}" class="cashbookpdf" onclick="viewPdfFileNew('{{ $item['invoice_file'] }}','{{$key}}');">
                                                @endif
                                                @endif

                                            </td>
                                        </tr>
                                        @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <br />
                        <div class="row-fluid">
                            <div class="span12">
                                <div id="loadiframfile">
                                    @if(!empty($s3Data[0]['invoice_file']) && $s3Data[0]['invoice_file'] !== null)
                                    <iframe class='popOutiFrame' src="@if(!empty($s3Data))  {{ App\Model\Orders::loadS3Files(Auth::user()->id,Cache::get('s3_bucket'),getAWSKey($s3Data[0]['invoice_file'],Cache::get('s3_bucket'))) }} @endif"></iframe>
                                    @endif
                                </div>

                                <br /><br />
                               
                                    <div class="form-actions pull-left" style="text-align: center;width: 96%;">
                                       <a href="{{ url('s3_search') }}" class="btn btn-danger">Back</a>
                                       @if(!empty($first))
                                       <a href="{{ url('s3_search/view') }}/{{ base64_encode($first) }}" class="btn btn-info">First</a>
                                       @endif
                                       @if(!empty($last))
                                       <a href="{{ url('s3_search/view') }}/{{ base64_encode($last) }}" class="btn btn-info">Last</a>
                                       @endif
                                       @if(!empty($perv))
                                       <a href="{{ url('s3_search/view') }}/{{ base64_encode($perv) }}" class="btn btn-primary">Previous</a>
                                       @endif
                                       @if(!empty($next))
                                       <a href="{{ url('s3_search/view') }}/{{ base64_encode($next) }}" class="btn btn-primary">Next</a>
                                       @endif
                                       
                                    </div>
                               
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<script type="text/javascript">
function viewPdfFileNew(invoice_file, imageid) {
    //cashbookpdf
    $('.cashbookpdf').attr('src', "{{ url('admin/img/pdf.png') }}");
    $('#pdfid' + imageid).attr('src', "{{ url('admin/img/pdf-icon.png') }}");
    $.ajax({
        type: "POST",
        url: "{{ url('s3-view-file') }}",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
        data: {
            invoice_file: invoice_file
        },
        success: function(data) {
            $('#loadiframfile').html('<iframe class="popOutiFrame" src="' + data.response.invoice_file + '"></iframe>');
        }
            });
    
}
</script>
@parent
@endsection