@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('date-wise-checking') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a>
            <a href="{{ url($view_url) }}" title="Go to {{ $getTitleInPage }}" class="tip-bottom">
                {{ $getTitleInPage }}
            </a>
            <a href="{{ url()->previous() }}" title="Go to Back" class="tip-bottom">
                Back
            </a>
            <a href="" class="current">
                {{ $getTitleInPage }} - View
            </a>
        </div>
        <h1>{{ $getTitleInPage }} - View</h1>
    </div>
    <div class="container-fluid">
        <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="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>@if(getDOPMerchantName($order->reason_list_id) != ''){{ getDOPMerchantName($order->reason_list_id) }} @else {{ $transaction_type->name }} @endif</h4>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>{{ $lable_amount }} : <b>{{ $order->amount }}</b></td>
                                        </tr>
                                        <tr>
                                            <td>{{ $lable_date }} : <b>{{ changeDateFormate($order->date) }}</b></td>
                                        </tr>
                                        <tr>
                                            <td>Dr A/c Head : <b>{{ $dr_account_head_name }}</b></td>
                                        </tr>
                                        <tr>
                                            <td>Cr A/c Head : <b>{{ $cr_account_head_name }}</b></td>
                                        </tr>
                                        <tr>
                                            <td>Payment Mode : <b>{{ getPaymentModeName($order->payment_mode) }}</b></td>
                                        </tr>
                                        <tr>
                                            <td>Branch Type : <b> {{ checkHOParentSubBranch($order->auto_mer_id)}} Branch </b></td>
                                        </tr>
                                        @if($order->parent_merchant_id != null)
                                        <tr>
                                            <td>Parent Branch : <b> {{ str_replace('Branch', getMechantShortCode($order->merchant_id).'-'.getBranchCode($order->merchant_id), getAccountHeadByIdMerchant(1500))}} </b></td>
                                        </tr>
                                        @endif
                                        @if(Auth::user()->agent_type_slug == 'maker')
                                        <tr>
                                            <td>Clarification : <b> {{$order->remark_maker}} </b></td>
                                        </tr>
                                        <tr>
                                            <td>Remarks : <b> {{$order->remark}} </b></td>
                                        </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                           
                        </div>
                        <br />
                        @if(!empty($order) && $order->invoice_file !== null)
                            @php 
                                $fileType = explode('/',$order->mime_type);
                                $file_type = 'file';
                                    if(isset($fileType[0]) && $fileType[0] == 'image'){
                                        $file_type = 'img';
                                    }
                            @endphp
                            @if($file_type == 'img')
                                <div class="my_btn">
                                    <a class="btn btn-inverse" href="javascript:void(0)" title="Zoom-In" onclick="zoomin()" ><i class="icon-zoom-in"></i></a> &nbsp; &nbsp;
                                    <a class="btn btn-inverse" href="javascript:void(0)" title="Zoom-Out" onclick="zoomout()"><i class="icon-zoom-out"></i></a> &nbsp; &nbsp;
                                    <a class="btn btn-inverse" href="javascript:void(0)" title="Rotate" onclick="rotateFun()"><i class="icon-undo"></i></a> &nbsp; &nbsp;
                                    <a class="btn btn-inverse" href="javascript:void(0)" title="Reset" onclick="resetImg()"><i class="icon-refresh"></i></a>
                                </div>
                                <br />
                            @endif
                        @endif
                        <div class="row-fluid">
                        {{-- <img src="{{url('admin/img/img-rotate.jpg')}}" title="Rotate" class="imgRotate" style="cursor: pointer;width: 25px;float: right;"/> --}}
                        @if(Auth::user()->agent_type_slug == 'maker' && ($order->status_slug == 'draft' || $order->status_slug == 'pending'|| $order->status_slug == 'needs-clarity'))
                        @if($order->transfer_status == 'Payment')
                        <a href="{{ url('payment') }}/{{ $order->transaction_type_slug }}/edit/{{ $order->id }}" class="btn btn-success" style="float: right;margin-right: 10px;margin-bottom: 10px;">Edit</a>
                        @elseif($order->transfer_status == 'Receive')
                        <a href="{{ url('receipt') }}/{{ $order->transaction_type_slug }}/edit/{{ $order->id }}" class="btn btn-success" style="float: right;margin-right: 10px;margin-bottom: 10px;">Edit</a>
                        @else
                        <a href="{{ url('orders') }}/{{ $order->transaction_type_slug }}/edit/{{ $order->id }}" class="btn btn-success" style="float: right;margin-right: 10px;margin-bottom: 10px;">Edit</a>
                        @endif
                        
                        @endif
                            <div class="span11">
                            <div id="loadiframfile">
                                @if(!empty($order) && $order->invoice_file !== null)
                                @php 
                                    $fileType = explode('/',$order->mime_type);
                                    $file_type = 'file';
                                        if(isset($fileType[0]) && $fileType[0] == 'image'){
                                            $file_type = 'img';
                                        }
                                @endphp
                                @if($file_type == 'img')
                                    <div class="img_center">
                                        <img class="north" src="{{ App\Model\Orders::loadS3Files(Auth::user()->id,Cache::get('s3_bucket'),getAWSKey($order->invoice_file,Cache::get('s3_bucket'))) }}" id="myFiles" style="width: 100%;height: 100%;" />
                                    </div>
                                @else
                                    <iframe class='popOutiFrame' src="{{ App\Model\Orders::loadS3Files(Auth::user()->id,Cache::get('s3_bucket'),getAWSKey($order->invoice_file,Cache::get('s3_bucket'))) }}" id="myFiles"></iframe>
                                @endif
                                
                                @endif
                                </div>
                                <br /><br />
                                <form action="{{ url('day-book/day/store') }}" method="post" class="form-horizontal" enctype="multipart/form-data">
                                    <input type="hidden" name="id" value="{{ $order->id }}" />
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <input type="hidden" name="view_url" value="{{ $view_url }}" />
                                    <input type="hidden" name="view_date" value=' {{ date("Y-m-d H:i:s") }}' />
                                    <table class="table table-bordered table-invoice-full">
                                        <tbody>
                                           
                                            <tr>
                                                <td class="msg-invoice hideshowstatus" width="45%">
                                                    <h4>Status*: </h4>
                                                    @if(checkCheckedToNCLimit($order->auto_mer_id) !=  ''  &&  checkCheckedToNCLimit($order->auto_mer_id) <= $order->date)
                                                    <select class="span11" name="status" required="">
                                                    @if(Auth::user()->agent_type_slug == 'maker')
                                                    <option value="{{ $order->status }}" data-slug="{{ getMerchantTransactionStatusSlug($order->status) }}" >{{ getMerchantTransactionStatusName($order->status) }}</option>
                                                    @else
                                                        <option value="">Select Status</option>
                                                            @if(count(getTransactionUserStatus()) > 0)
                                                            @foreach(getTransactionUserStatus() as $key => $status)
                                                            @if($status->slug != 'submitted')
                                                                <option value="{{ $status->id }}" {{ ($order->status== $status->id)?'selected':'' }}>{{ $status->name }}</option>
                                                            @endif
                                                            @endforeach
                                                            @endif
                                                    @endif
                                                    </select>
                                                    @else
                                                    <select class="span11" name="status" required="" >
                                                    @if(Auth::user()->agent_type_slug == 'maker')
                                                    <option value="{{ $order->status }}" data-slug="{{ getMerchantTransactionStatusSlug($order->status) }}" >{{ getMerchantTransactionStatusName($order->status) }}</option>
                                                    @else
                                                        @if($order->status_slug == 'approved')
                                                        <option value="{{ $order->status }}" data-slug="{{ getMerchantTransactionStatusSlug($order->status) }}" >{{ getMerchantTransactionStatusName($order->status) }}</option>
                                                        @elseif($view_url == 'instruction')
                                                        <option value="{{ $order->status }}" data-slug="{{ getMerchantTransactionStatusSlug($order->status) }}" >{{ getMerchantTransactionStatusName($order->status) }}</option>
                                                        @else
                                                        <option value="">Select Status</option>
                                                        @if(count(getTransactionUserStatus()) > 0)
                                                        @foreach(getTransactionUserStatus() as $key => $status)
                                                        @if($status->slug != 'submitted')
                                                        <option value="{{ $status->id }}" {{ ($order->status== $status->id)?'selected':'' }}>{{ $status->name }}</option>
                                                        @endif
                                                        @endforeach
                                                        @endif
                                                    @endif
                                                    @endif
                                                    </select>
                                                    @endif
                                                    
                                                  
                                                </td>
                                            </tr>

                                            @if(Auth::user()->agent_type_slug != 'maker')
                                            @if($order->remark_maker != '' || $order->remark_maker != 0)
                                            <tr>
                                                <td class="msg-invoice hideshowstatus" width="45%">
                                                    <h4>Clarification : </h4>
                                                    <textarea name="remark_maker" readonly class="span11" cols="5" rows="5">{{$order->remark_maker}}</textarea>

                                                </td>
                                            </tr>
                                            @endif
                                            <tr>
                                                <td class="msg-invoice hideshowstatus" width="45%">
                                                    <h4>Remarks*: </h4>
                                                    @if(checkCheckedToNCLimit($order->auto_mer_id) != '' &&  checkCheckedToNCLimit($order->auto_mer_id) <= $order->date)
                                                    <textarea name="remark" class="span11" cols="5" rows="5">{{$order->remark}}</textarea>
                                                    @else
                                                    <textarea name="remark" class="span11" @if($order->status_slug == 'approved') readonly @endif cols="5" rows="5">{{$order->remark}}</textarea>
                                                    @endif
                                                    

                                                </td>
                                            </tr>
                                            @endif

                                        </tbody>
                                    </table>
                                    <div class="form-actions pull-left" style="text-align: center;width: 96%;">
                                    @if(Auth::user()->agent_type_slug == 'maker')
                                    <a href="{{ url($view_url) }}" class="btn btn-danger">Cancel</a>
                                    @else
                                        @if($view_url != 'instruction')
                                        @if(!empty($previous))
                                        <a href="{{ url($view_url.'/view') }}/{{ $previous }}" class="btn btn-primary">Previous</a>
                                        @endif

                                        @if(checkCheckedToNCLimit($order->auto_mer_id) != '' && checkCheckedToNCLimit($order->auto_mer_id) <= $order->date)
                                            <button type="submit" class="btn btn-success" value="save_close" name="save"> Save & Close</button>
                                        @else
                                            @if($order->status_slug != 'approved')
                                                <button type="submit" class="btn btn-success" value="save_close" name="save"> Save & Close</button>
                                            @endif
                                        @endif

                                        @if(!empty($next) && $order->status_slug != 'approved')
                                        <button type="submit" class="btn btn-info" value="save_go_next" name="save">Save & Go Next</button>
                                        @endif
                                         <a href="{{ url($view_url) }}" class="btn btn-danger">Cancel</a>
                                        @if(!empty($next) && $order->status_slug == 'approved')
                                         <a href="{{ url($view_url.'/view') }}/{{ $next }}" class="btn btn-primary">Next</a>
                                        @endif
                                        @else
                                        <a href="{{ url($view_url) }}" class="btn btn-danger">Cancel</a>
                                        @endif
                                    @endif
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section('footer')
@parent
@endsection

<style>
    .img_center {
        background: whitesmoke;
        overflow: scroll;
        /*width: 1000px;
        height: 1000px;*/
        /*max-width: 100%;*/
        padding: 3px;
        display:block;
        float:none;
        padding-top: 0px;
        padding-left: 0px;
    }


    .img_center::-webkit-scrollbar {
        width: 1em;
    }
 
    .img_center::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
 
    .img_center::-webkit-scrollbar-thumb {
        background-color: lightgray;
        outline: 1px solid slategrey;
    }

    .my_btn {
        display: flex;
        position: relative;
        cursor: pointer;
        padding-left: 5px;
    }
    .my_btn a {
        padding: 10px;
    }
</style>

@section('extraa_script_and_js')
<script type="text/javascript">
/*$('.imgRotate').live('click', function () {
    var img = $('div#loadiframfile img');
    if(img.hasClass('north')){
        img.attr('class','west');
    }else if(img.hasClass('west')){
        img.attr('class','south');
    }else if(img.hasClass('south')){
        img.attr('class','east');
    }else if(img.hasClass('east')){
        img.attr('class','north');
    }
});*/
    function zoomin() {
        var imgId = document.getElementById("myFiles");
        var height = imgId.height;
        var width = imgId.width;
        imgId.style.height = (height + 50) + "px";
        imgId.style.width = (width + 50) + "px";
    }
    function zoomout() {
        var imgId = document.getElementById("myFiles");
        //var currSize = imgId.clientHeight;
        //var currSize2 = imgId.clientWidth;
        var height = imgId.height;
        var width = imgId.width;        
        if (height <= 150 || width <= 150) {
            return false;
        } else {
            imgId.style.height = (height - 50) + "px";
            imgId.style.width = (width - 50) + "px";
        }
    }

    let rotation = 0;
    function rotateFun() {
        rotation += 90;
        if (rotation === 360) {
            rotation = 0;
        }
        var img = document.getElementById('myFiles');
        img.style.transform = `rotate(${rotation}deg)`;
   }

    function resetImg(){
        var rstImg = document.getElementById('myFiles');
        rstImg.style.width = "100%";
        rstImg.style.height="100%";
        rstImg.style.transform = `rotate(0deg)`;
    }
</script>
@parent
@endsection