@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col">
            <div class="row">
                <div class="col">
                    <strong>名稱</strong>
                </div>
                <div class="col">
                    {{ $project->title }}
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <strong>狀態</strong>
                </div>
                <div class="col">
                    {{ __('enums.project_status.' . $project->status) }}
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <strong>客戶</strong>
                </div>
                <div class="col">
                    {{ $project->client->name }}
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <strong>描述</strong>
                </div>
                <div class="col">
                    {!! nl2br($project->description) !!}
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <strong>起始日</strong>
                </div>
                <div class="col">
                    {{ $project->begin_at }}
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <strong>結束日</strong>
                </div>
                <div class="col">
                    {{ $project->end_at }}
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <strong>金額</strong>
                </div>
                <div class="col">
                    {{ $project->price }}
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <strong>建立日期</strong>
                </div>
                <div class="col">
                    {{ $project->created_at }}
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <strong>更新日期</strong>
                </div>
                <div class="col">
                    {{ $project->updated_at }}
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <strong>未收款項</strong>
                </div>
                <div class="col">
                    @if($project->unpaid_amount) {{ $project->unpaid_amount }} @endif
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <strong>已收款項</strong>
                    <a href="{{ route('adm.payment.create', ['project_id' => $project->id]) }}" class="btn btn-sm btn-outline-success"><i class="bi bi-plus"></i></a>
                </div>
                <div class="col">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>類型</th>
                            <th>金額</th>
                            <th>日期</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($project->payments as $payment)
                            <tr>
                                <td>{{ __('enums.payment_type.' . $payment->type) }}</td>
                                <td>{{ $payment->amount }}</td>
                                <td>{{ $payment->created_at }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    <ul>

                    </ul>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection