@section('content')
{{-- <x-other.titleHeader judul="{{$title}}" /> --}}
<div class="row mt-4">
    <div class="col-md-12">
        <x-card.content title="Realisasi Budget" subTitle=""> 
            <x-slot name="toolbar">                
                <button type="button" onclick="loadContent('detailProjects?id={{ $id_project }}&team_role_id={{ $team_role_id }}', this, event)" class="btn btn-danger mr-3">
                    <i class="la la-backward mr-2"></i>Kembali
                </button>                
                @if($dataHead)
                    @if ($dataHead->budget_amount==0)
                        <button type="button" class="btn btn-success mr-3" onclick="budgetingAwal()">
                            <i class="la la-plus mr-2"></i>Budgeting Awal
                        </button>     
                    @else
                        <button type="button" class="btn btn-success mr-3" onclick="clearModalForm();znModal('mFormBudget')">
                            <i class="la la-plus mr-2"></i>Transaksi Baru
                        </button>     
                    @endif
                @endif           
            </x-slot>           
            <x-slot name="content">
                <div class="row">
                    <div class="col-md-3">  
                        <x-form.input title="Nama Project" id="project_name_head" value="{{ ($dataHead)?$dataHead->project_name:'' }}" />
                    </div>
                    <div class="col-md-3">  
                        <x-form.input title="Budget" id="budget_head" value="{{ ($dataHead)?number_format($dataHead->budget_amount,0,',','.'):'' }}" />    
                    </div>
                    <div class="col-md-3">                            
                        <x-form.input title="Budget Terpakai" id="budget_terpakai_head" value="{{ ($dataHead)?number_format($dataHead->budget_amount-$dataHead->outstanding,0,',','.'):'' }}" />                              
                    </div>
                    <div class="col-md-3">  
                        <x-form.input title="Sisa Budget" id="sisa_budget_head" value="{{ ($dataHead)?number_format($dataHead->outstanding,0,',','.'):'' }}" />                              
                    </div>
                </div>
                <div class="table-responsive">
                    <table class="table table table-sm table-hover" id="indexTable">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Tanggal Transaksi</th>
                                <th>Jenis Budget</th>
                                <th>Type Tx</th>                                
                                <th>Ket Transaksi</th>                                
                                <th>Amount</th>                                
                                <th>Outstanding</th>                                
                                <th>Act</th>                                
                            </tr>
                        </thead>
                    </table>
                </div>
            </x-slot>
        </x-card.content>
    </div>
</div>    
@include('content.projects.form_budget')
@include('content.projects.form_budget_awal')
@endsection
@section('script')        
@include('content.projects.action_budget')
@endsection