@extends('layout.default')

@section('content')
    <x-card>
        <x-slot name="title">
            <h3 class="card-title">{{ $page_title }}</h3>
        </x-slot>
        <x-slot name="toolbar">
            @include('project._navigation', ['project' => $project])
        </x-slot>

        <div class="row mb-5">
            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Tahun') }}</h6>
                <div class="text-dark-50 line-height-lg">
                    {{ $project->project_year }}
                </div>
            </div>
            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Nama') }}</h6>
                <div class="text-dark-50 line-height-lg">
                    {{ $project->name }}
                </div>
            </div>
            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Nama sesuai SPK') }}</h6>
                <div class="text-dark-50 line-height-lg">
                    {{ $project->name_on_spk ?? '-' }}
                </div>
            </div>
        </div>

        <div class="row mb-5">
            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Bidang') }}</h6>
                <div>
                    <div class="text-dark-50 line-height-lg">{{ $project->field->name }}</div>
                </div>
            </div>
            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Cabang') }}</h6>
                <div>
                    <div class="text-dark-50 line-height-lg">{{ $project->field->branch->name }}</div>
                </div>
            </div>
            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Wilayah') }}</h6>
                <div class="text-dark-50 line-height-lg">
                    {{ $project->region_name }}
                </div>
            </div>
        </div>

        <div class="row mb-5">
            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Nama Klien') }}</h6>
                <div class="text-dark-50 line-height-lg">
                    {{ $project->client_name }}
                </div>
            </div>
            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Nama Project Manager') }}</h6>
                <div class="text-dark-50 line-height-lg">
                    {{ $project->project_manager }}
                </div>
            </div>
            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Nomor Order') }}</h6>
                <div>
                    <div class="text-dark-50 line-height-lg">{{ $project->order_number ?? '-' }}</div>
                </div>
            </div>
        </div>

        <div class="row mb-5">

            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Periode Pengerjaan') }}</h6>
                <div>
                    <div class="text-dark-50 line-height-lg">
                        @if ($project->starting_date && $project->end_date)
                            {{ $project->starting_date->format('d/m/Y') }} s.d
                            {{ $project->end_date->format('d/m/Y') }}
                        @else
                            -
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Nilai') }}</h6>
                <div class="text-dark-50 line-height-lg">
                    Rp {{ $project->project_price ? number_format($project->project_price, 0, ',', '.') : '-' }}
                </div>
            </div>
            <div class="col-md-4">
                <h6 class="font-weight-bolder mb-2">{{ __('Status Pengerjaan') }}</h6>
                <div class="text-dark-50 line-height-lg">
                    <span
                        class="label font-weight-bold  label-light-{{ $project->status->color() }} label-inline">{{ $project->status->label() }}</span>
                </div>
            </div>
        </div>

    </x-card>
@endsection