@extends(backpack_view('blank'))
@section('content')
<div class="row justify-content-center mt-5">
    <main class="main ">
        <section class="container-fluid d-print-none">
            <a href="javascript: window.print();" target="" class="btn float-right btn-primary pt-1 pb-0 px-2"><i
                    style="font-size: 24px;" class="la la-print"></i></a>
            <h2>
                <span class="text-capitalize">Supplier Invoice</span>
                <small>Preview Supplier Invoice.</small>
                <small class="">
                    <a href="{{route('supplier-invoice.index')}}" class="font-sm"><i
                            class="la la-angle-double-left"></i> Back to all <span>Supplier Invoices</span>
                    </a>
                </small>
            </h2>
        </section>

        <div class="container-fluid animated fadeIn">
            <div class="row">
                <div class="col-md-12">
                    <!-- Default box -->
                    <div class=" row">
                        <div class=" col-md-6 ">
                            <table class="table table-striped table-bordered mb-0">
                                <tbody>
                                    <tr>
                                        <td>
                                            <strong>Document No:</strong>
                                        </td>
                                        <td>
                                            <span>
                                                {{$data->supplier_invoice_no}}
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Vendor:</strong>
                                        </td>
                                        <td>
                                            <span>
                                                {{$data->type ? "Approved" : "Non-Approved"}}
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Supplier Invoice No:</strong>
                                        </td>
                                        <td>
                                            <span>
                                                {{ $data->actual_supplier_invoice_no}}
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Status:</strong>
                                        </td>
                                        <td>
                                            @if ($data->status == "Approved" || $data->status == "Approved (Partial)" )
                                            <a class="text-uppercase btn-sm btn-success text-white rounded-pill" style="width: 100%; font-size: 14px">
                                                {{ $data->status}}
                                            </a>
                                            @elseif ($data->status == "On Hold")
                                            <a class="text-uppercase btn-sm btn-info text-white rounded-pill" style="width: 100%; font-size: 14px">
                                                {{ $data->status}}
                                            </a>
                                            @elseif ($data->status == "Rejected")
                                            <a class="text-uppercase btn-sm btn-danger text-white rounded-pill" style="width: 100%; font-size: 14px">
                                                {{ $data->status}}
                                            </a>
                                            @else
                                            <a class="text-uppercase btn-sm btn-warning text-white rounded-pill" style="width: 100%; font-size: 14px">
                                                {{ $data->status}}
                                            </a>
                                            @endif

                                        </td>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Project Name:</strong>
                                        </td>
                                        <td>
                                            {{ $data->project->name}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Supplier:</strong>
                                        </td>
                                        <td>
                                            {{ !empty($data->supplier) ? $data->supplier->name : $data->supplier }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Approved By:</strong>
                                        </td>
                                        <td>
                                            {{ !empty($data->approvedby) ?? $data->approvedby->name }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Amount:</strong>
                                        </td>
                                        <td>
                                            ${{ $data->amount}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Approved Total:</strong>
                                        </td>
                                        <td>
                                            @php
                                                $approved_total = $data->approvalLogs->sum('approved_amount');
                                            @endphp
                                           ${{ number_format($approved_total, 2) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Balance:</strong>
                                        </td>
                                        <td>
                                            @php
                                            $balance = $data->amount - $approved_total;
                                            @endphp
                                            ${{ number_format($balance, 2) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Approved Amount:</strong>
                                        </td>
                                        <td>
                                            @php
                                            $approvedLog = $data->approvalLogs->last();
                                            @endphp
                                            ${{ !empty($approvedLog) ?  number_format($approvedLog->approved_amount, 2) : 0 }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Approved Date:</strong>
                                        </td>
                                        <td>
                                            @if (!empty($data->approved_date))
                                            {{  date('d-m-Y', strtotime($data->approved_date ))}}
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                    </tr>
                                </tbody>
                            </table>
                        </div><!-- /.box-body -->
                        <div class=" col-md-6 ">
                            <table class="table table-striped table-bordered mb-0">
                                <tbody>
                                    <tr>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Files:</strong>
                                        </td>
                                        <td>
                                            <div class="row">
                                                @foreach ($data->documents as $file)
                                                <a href="{{$file->attachment_path}}" target="_blank" ><span class="badge badge-danger"> {{$file->name}}  </span></a><br>
                                                @endforeach
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Reject Reason:</strong>
                                        </td>
                                        <td>
                                            {{ $data->reject_reason}}
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>
                                            <strong>Invoice Date:</strong>
                                        </td>
                                        <td>
                                            {{  date('d-m-Y', strtotime($data->invoice_date ))}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Is Approved:</strong>
                                        </td>
                                        <td>
                                            {{ $data->is_approved ? 'Yes' : 'No'}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Approval Logs:</strong>
                                        </td>
                                        <td>
                                            @php
                                            $logs = $data->approvalLogs;
                                            $str_html = "";
                                            foreach ($logs as $log) {
                                                $str_html .= '<tr>
                                                <td>' . $log->approved_amount . '</td>
                                                <td>' . $log->created_at . '</td>
                                                </tr>';
                                            }
                                            @endphp
                                            @if ($logs)
                                            <table>
                                                <thead>
                                                    <th>Amount</th>
                                                    <th>Date</th>
                                                </thead>
                                                <tbody>
                                                {!!$str_html!!}
                                                </tbody>
                                            </table>
                                            @endif

                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong>Price categories:</strong>
                                        </td>

                                        @php
                                        $priceCategories = $data->priceCategories;
                                        $str_html2 = "";
                                        foreach ($priceCategories as $priceCategory) {
                                            $str_html2 .= '<tr>
                                            <td>' .$priceCategory->category->name . '</td>
                                            <td>$' . $priceCategory->amount . '</td>
                                            </tr>';
                                        }
                                        @endphp
                                        <td>

                                            <div>

                                            <table>
                                                <thead>
                                                    <th>Category</th>
                                                    <th>Amount</th>
                                                </thead>
                                                <tbody>
                                                {!!$str_html2!!}
                                                </tbody>
                                            </table>

                                            </div>

                                        </td>
                                    </tr>

                                    <tr>
                                        <td>
                                            <strong>Remarks:</strong>
                                        </td>
                                        <td>
                                            {{ $data->remarks}}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div><!-- /.box-body -->
                    </div>
                    <div class="mt-4">
                        <button  id="btn-restore"  data-id="{{$data->id}}" type="button" class="btn btn-success">Restore</button>
                    </div>
                </div>
                <!-- /.box -->
            </div>
        </div>
    </main>
</div>

@endsection


@section('after_styles')
<link rel="stylesheet" href="{{ asset('vendors/lightgallery/lightgallery.min.css')}}">
<link rel="stylesheet"
    href="{{ asset('packages/backpack/crud/css/crud.css').'?v='.config('backpack.base.cachebusting_string') }}">
<link rel="stylesheet"
    href="{{ asset('packages/backpack/crud/css/show.css').'?v='.config('backpack.base.cachebusting_string') }}">
@endsection
@section('after_scripts')
    <script>
        $(document).on('click','#btn-restore',function(){
            let url = `{{route('supplier-invoice.restore',':id')}}`;
            url = url.replace(':id', $(this).data('id'));
            console.log('url',url)
            $.ajax({
                url: url,
                type: 'POST',
                beforeSend:function(){
                    return confirm(`Are you sure to restore this Supplier Invoice ?`);
                },
                success: function(result) {
                    location.replace("{{route('supplier-invoice.index')}}");
                },
                error: function(result) {
                    // Show an alert with the result
                    new Noty({
                        text: "Can't restore. Please try again.",
                        type: "warning"
                    }).show();

                }
            });
        })
    </script>
@endsection