@extends('admin.layout.master')
@section('content')
    <div class="nav-scroller mb-0">
        <nav class="nav">
            <li class="nav-item d-flex align-items-center">
                <a class='nav-link fw-bold text-primary' href="{{ url('/home') }}">{{ trans('admin.home') }}</a>
                <span class="bi bi-caret-right"></span>
                <a class='nav-link fw-bold text-primary' href="{{ url('/invoices') }}">{{ trans('project.Invoices') }}</a>
                <span class="bi bi-caret-right"></span>
                <span class="mx-2"> {{ trans('project.Detail') }} </span>
            </li>
            <li class="nav-item mx-auto me-2 d-flex align-items-center gap-2">
                <a class="btn btn-warning btn-sm" onclick="jQuery('#inv_div').print()">
                    <i class="bi-printer mx-2"></i> {{ __('project.print') }}
                </a>
            </li>
        </nav>
    </div>

    <div class="p-4">
        <div class="row" id="inv_div">
            <div class="col-6 offset-3">
                <div class="row border">
                    <div class="col-12 text-center mb-3">
                        <img src="{{ asset(getSiteInfo('photo') ?? 'project/no.png') }}" width="10%"
                            class="img img-fluid rounded mt-2" alt="">
                        <h5 class="text-muted small">{{ getSiteInfo('site_title') }}</h5>
                        <h6 class="text-muted small">
                            @if ($post->invoice_type == 1)
                                {{ trans('project.Main') }}
                            @elseif($post->invoice_type == 2)
                                {{ trans('project.Simple') }}
                            @elseif($post->invoice_type == 3)
                                {{ trans('project.Custom') }}
                            @endif
                        </h6>
                    </div>
                    <div class="col-6">
                        <h6>@lang('project.From') (@lang('project.User'))</h6>
                        <label for="">{{ $post->user->name ?? '' }}</label><br>
                        <label for="">{{ $post->user->mobile ?? '' }}</label><br>
                    </div>
                    <div class="col-6 text-end">
                        <h6>@lang('project.To') (@lang('project.Member'))</h6>
                        <label for="">{{ $post->customer->name ?? '' }}</label><br>
                        <label for="">{{ $post->customer->mobile ?? '' }}</label><br>
                    </div>
                    <div class="col-12 table-responsive my-3">
                        <table class="table table-bordered">
                            <tr>
                                <th>@lang('project.Note')</th>
                                <th>@lang('project.Expense Type')</th>
                                <th>@lang('project.Budget')</th>
                                <th>@lang('project.Amount')</th>
                            </tr>
                            <tr>
                                <td>{{ $post->note ?? '' }}</td>
                                <td>
                                    @if (app()->getLocale() == 'en')
                                        {{ $post->expense_type->expense_name ?? '' }}
                                    @else
                                        {{ $post->expense_type->expense_name_ar ?? '' }}
                                    @endif
                                </td>
                                <td>{{ $post->budget->name ?? '' }}</td>
                                <td>{{ $post->amount ?? 0 }}</td>
                            </tr>
                        </table>
                    </div>
                    @if (!empty($post->attachments))
                        <div class="col-12 mb-3 border-bottom">
                            <div class="row">
                                <h6>@lang('project.Invoice Attactments')</h6>
                                @foreach ($post->attachments as $item)
                                    <div class="col-3 mb-2">
                                        <a href="{{ asset($item) }}" target="_blank" rel="noopener noreferrer">
                                            <img src="{{ asset($item ?? 'project/no.png') }}" width="35%"
                                                class="img img-fluid rounded mt-2 shadow-sm" alt="">
                                        </a>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endif

                    @if (count($post->invoice_files) > 0)
                        <div class="col-12">
                            <div class="row">
                                <h6>@lang('project.Received Attactments')</h6>
                                @foreach ($post->invoice_files as $row)
                                    @foreach ($row->files as $item)
                                        <div class="col-3 mb-2">
                                            <a href="{{ asset($item) }}" target="_blank" rel="noopener noreferrer">
                                                <img src="{{ asset($item ?? 'project/no.png') }}" width="35%"
                                                    class="img img-fluid rounded mt-2 shadow-sm" alt="">
                                            </a>
                                        </div>
                                    @endforeach
                                @endforeach
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection