@extends('layouts.app')

@section('page-title')
<div class="bg-title d-flex jsustify-content-start align-items-center gap-4">
    <h4 class="page-title m-r-auto">
        <i class="{{ $pageIcon }}"></i> Projections #{{ $projections->id }} - 
        <span class="font-bold">{{ ucwords($projections->project->project_name) }}</span>
    </h4>
    <div class="text-right">
        <a href="{{ route('projections.edit', $projections->id) }}" class="themeBtn themeBtn_sm greenBtnSoft">
            @lang('modules.lead.edit') <i class="fa fa-edit" aria-hidden="true"></i>
        </a>
    </div>
</div>
@endsection

@push('head-script')
<link rel="stylesheet" href="{{ asset('plugins/bower_components/dropzone-master/dist/dropzone.css') }}">
@endpush

@section('content')
<div class="dash_panel">
    <div class="customCard m-b-15">
        <div class="customCard-header">Projection Details</div>
        <div class="customCard-body">
            <div class="row">
                <div class="col-md-6">
                    <strong>Project Name</strong>
                    <p class="text-muted">{{ ucwords($projections->project->project_name) }}</p>
                </div>
                <div class="col-md-6">
                    <strong>User Name</strong>
                    <p class="text-muted">{{ $projections->user->name ?? 'NA' }}</p>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-md-6">
                    <strong>Month</strong>
                    <p class="text-muted">{{ $projections->month ?? 'NA' }}</p>
                </div>
                <div class="col-md-6">
                    <strong>Year</strong>
                    <p class="text-muted">{{ $projections->year ?? 'NA' }}</p>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-md-12">
                    <strong>@lang('app.note')</strong>
                    <p class="text-muted">{{ $projections->comments ?? 'NA' }}</p>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('footer-script')



@endpush