@extends('layouts.app')

@section('title')
    Order of Payment
@endsection

@section('css')
    <style>
        .green {
            color: green;
        }
        .red {
            color: red;
        }
    </style>
@endsection

@section('breadcrumb')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0 text-dark">
                    <i class="nav-icon ml-3 fas fa-copy"></i>
                    {{__('Order of Payment')}}
                </h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{route('admin.index')}}">{{__('Home')}}</a></li>
                    <li class="breadcrumb-item">
                        <a href="{{route('admin.order_of_payment.index')}}">{{ __('Order of Payments') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ __('Order of Payment') }}</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
@endsection

@section('content')

    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">{{ __('Order of Payment') }}</h3>
        </div>
    </div>

        <input type="hidden" name="save_type" id="save_type"> 
        <input type="hidden" id="id_ids" value="{{ $oop->project->identifiers }}">
        <input type="hidden" id="pro_leads" value="{{ $oop->project->project_leaders }}">
        <input type="hidden" id="ss_nums" value="{{ $oop->service_summary_no }}">
        <input type="hidden" id="hidden_start_duration" @if($oop->start_duration != null) value="{{date('F j, Y', strtotime($oop->start_duration))}}" @else value="" @endif>
        <input type="hidden" id="hidden_end_duration" value="{{date('F j, Y', strtotime($oop->end_duration))}}">
        <input type="hidden" id="user_level" value="{{$user_level}}"> 
        <input type="hidden" id="prepared" value="{{$oop->prepared}}"> 
        <input type="hidden" id="approved" value="{{$oop->approved}}"> 

        @if(isset($ss_info))
        <input type="hidden" id="ss_info" value="true">
        <input type="hidden" id="ss_info_project_id" value="{{$ss_info->project_id}}">
        <input type="hidden" id="ss_info_ss_id" value="{{$ss_info->id}}">
        @endif
    <div class="card card-primary col-lg-12 p-1 m-0 mb-3">
        <div class="card-header">
            <h5 class="text-center m-0 p-0">
                {{ __('Order of Payment') }}
            </h5>
        </div>
        <div class="card-body m-0 p-0">
            <div class="row m-2">
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="project_code"><span style="color:red">*</span> {{ __('Project Code')}}</label>
                        <div class="input-group mb-3">
                            <select disabled id="project_code" name="project_id" class="form-control select2 form_input" required>
                                <option value="" selected></option>
                                @foreach($projects as $project)
                                <option value="{{$project->id}}" @if(isset($oop->project) && $oop->project->id == $project->id) selected @endif>{{$project->code}}</option>
                                @endforeach
                                @if(isset($oop))
                                @if(isset($oop->project) && $oop->project->trashed())
                                <option value="{{$oop->project->id}}" selected>{{$oop->project->code}}</option>
                                @endif
                                @endif
                            </select>          
                        </div>
                    </div>
                </div>
    
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="research_code"><span style="color:red">*</span> {{ __('Research Code')}}</label>
                        <select disabled id="research_code" class="form-control select2 form_input" required>
                            <option value="" selected></option>
                            @foreach($projects as $project)
                            <option value="{{$project->id}}" @if(isset($oop->project) && $oop->project->id == $project->id) selected @endif>{{$project->project_code}}</option>
                            @endforeach
                            @if(isset($oop))
                            @if(isset($oop->project) && $oop->project->trashed())
                            <option value="{{$oop->project->id}}" selected>{{$oop->project->project_code}}</option>
                            @endif
                            @endif
                        </select> 
                    </div>
                </div>
    
                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="project_program">{{ __('Program')}}</label>
                        <div class="input-group mb-3">
                            @if (isset($oop->project))
                                <input disabled type="text" id="project_program" @if(isset($oop->project->program->program_name)) value="{{$oop->project->program->program_name}}" @else value="No Program Assigned" @endif name="project_program" class="form-control" disabled>
                            @else
                                <input disabled type="text" id="project_program" value="No Program Assigned" name="project_program" class="form-control" disabled>
                            @endif
                        </div>
                    </div>
                </div>
    
                <div class="col-sm-12">
                    <div class="form-group">
                        <label for="identifiers">{{ __('Identifiers')}}</label>
                        <div class="input-group mb-3">
                            <select disabled name="identifiers[]" id="identifiers" placeholder="{{ __('Identifiers') }}" class="form-control select2" multiple>
                                @foreach ($identifiers as $identifier)
                                    <option value="{{ $identifier->id }}">{{ $identifier->name }}</option>
                                @endforeach
                                @if(isset($oop))
                                @if(isset($oop->project))
                                @if($oop->project->identifiers != null)
                                @foreach ($oop->project->get_identifiers() as $idef)
                                @if($idef->trashed())
                                    <option value="{{ $idef->id }}">{{ $idef->name }}</option>
                                @endif
                                @endforeach
                                @endif
                                @endif
                                @endif
                            </select>
                        </div>
                    </div>
                </div>
    
                <div class="col-sm-12">
                    <div class="form-group">
                        <label for="project_title">{{ __('Project Title')}}</label>
                        <div class="input-group mb-3">
                            <select disabled class="form-control select2 form_input" id="project_title" required>
                                <option value="" selected></option>
                                @foreach($projects as $project)
                                <option value="{{$project->id}}" @if(isset($oop->project) && $oop->project->id == $project->id) selected @endif>{{$project->project_title}}</option>
                                @endforeach
                                @if(isset($oop))
                                @if(isset($oop->project) && $oop->project->trashed())
                                <option value="{{$oop->project->id}}" selected>{{$oop->project->project_title}}</option>
                                @endif
                                @endif
                            </select>
                        </div>
                    </div>
                </div>
    
                <div class="col-sm-12">
                    <div class="form-group">
                        <label for="principal_investigator">{{ __('Principal Investigator')}}</label>
                        <div class="input-group mb-3">
                            <select disabled name="principal_investigator[]" id="principal_investigator" class="form-control select2" multiple>
                                @foreach ($investigators as $inv)
                                    <option value="{{ $inv->id }}">{{ $inv->name }}</option>
                                @endforeach
                                @if(isset($oop))
                                @if(isset($oop->project))
                                @if($oop->project->project_leaders != null)
                                @foreach ($oop->project->get_project_leaders() as $inv)
                                @if($inv->trashed())
                                    <option value="{{ $inv->id }}">{{ $inv->name }}</option>
                                @endif
                                @endforeach
                                @endif
                                @endif
                                @endif
                            </select>
                        </div>
                    </div>
                </div>
    
                <div class="col-sm-12">
                    <div class="form-group">
                        <label for="duration">{{ __('Duration') }}</label>
                        <input disabled type="text" class="form-control form_input" id="duration">
                        <input type="hidden" class="form-control form_input" id="start_duration" name="start_duration">
                        <input type="hidden" class="form-control form_input" id="end_duration" name="end_duration">
                    </div>
                </div>
    
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="service_summary_no"><span style="color:red">*</span> {{ __('Service Summary No.') }}</label>
                        <select disabled name="service_summary_no[]" id="service_summary_no" class="form-control select2 form_input" multiple required>
                        @foreach ($ss as $s)
                            <option value="{{ $s->id }}">{{ $s->ss_no }}</option>
                        @endforeach
                        </select>
                        @if(isset($oop))
                        @if($oop->service_summary_no != null)
                        @foreach ($oop->get_service_sums() as $num)
                        @if($num->trashed())
                            <option value="{{ $num->id }}">{{ $num->ss_no }}</option>
                        @endif
                        @endforeach
                        @endif
                        @endif
                    </div>
                </div>
    
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="date"><span style="color:red">*</span> {{ __('Date') }}</label>
                        <input disabled required type="date" class="form-control form_date form_input" id="date" name="date" @if(isset($oop->project)) value="{{$oop->date}}" @endif>
                    </div>
                </div>
    
            </div>
        </div>  
    </div>
    
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">{{ __('Tests') }}</h3>
        </div>
    
        <div class="card-body">
            <div class="row">
                <input type="hidden" name="total_price" id="total_price_input">
                <table class="table" id="tests_table">
                    <thead>
                        <th>Quantity</th>
                        <th>Description</th>
                        <th>Unit Price (Php)</th>
                        <th>Price (Php)</th>
                    </thead>
                    <tbody id="tests_table_body">
                    @if(isset($oop))
                        @foreach($oop_tests as $test)
                        <tr class="table_body_row" id="test_id_{{$test->test_id}}">
                            <td class="test_qty">{{$test->qty}}</td>
                            <td class="test_desc">{{$test->desc}}</td>
                            <td class="test_unit_price">{{number_format($test->unit_price, 2, '.', '')}}</td>
                            <td class="test_total_price">{{number_format($test->total_price, 2, '.', '')}}</td>
                        </tr>
                        @endforeach
                        <tr>
                            <th colspan=3 style="text-align: end">Total Price (Php)</th>
                            @if(isset($oop))
                            <th colspan=1 id="total_price">{{number_format($oop->total_price, 2, '.', '')}}</th>
                            @else
                            <th colspan=1 id="total_price">0.00</th>
                            @endif
                        </tr>
                    @endif  
                    </tbody>
                </table>
            </div>
        </div>
    
        <input type="hidden" name="test_list" id="test_list">
    </div>
    
    <div class="card col-12" style="margin-top: 15px;">
        <div class="card-header">
            <h3 class="card-title">{{ __('Files') }}</h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            @if(isset($oop))
    
            <label for="" class="mt-3">
                Existing Documents
            </label>
            <div class="col-sm-6">
                    <div>
                        <table class="table table-striped">
                            @foreach ($oop->files as $file)
                                @php
                                    $file_ext_arr = explode('.', $file->filename);
                                    $file_ext = end($file_ext_arr);
                                @endphp
                                <tr>
                                    <td>
                                        <a href="{{ asset('public/oop_' . $oop->id . '/files/' . $file->filename) }}" target="_blank" rel="noopener noreferrer" class="">
                                        @if ($file_ext == 'pdf')
                                            <i class="fa-fw fa-lg text-danger fas fa-file-pdf"></i>
                                        @elseif($file_ext == 'doc' || $file_ext == 'docx')
                                            <i class="fa-fw fa-lg text-primary fas fa-file-word"></i>
                                        @elseif($file_ext == 'jpg' || $file_ext == 'jpeg' || $file_ext == 'png' || 'PNG')
                                            <i class="fa-fw fa-lg text-warning fas fa-file-image"></i>
                                        @elseif($file_ext == 'xls' || $file_ext == 'xlsx')
                                            <i class="fa-fw fa-lg text-success fas fa-file-excel"></i>
                                        @elseif($file_ext == 'csv')
                                            <i class="fa-fw fa-lg text-success fas fa-file-csv"></i>
                                        @endif
                                        {{ $file_ext_arr[0] }}
                                        </a>
                                    </td>
                                    <td>
                                        <div class="d-flex">
                                            <div class="flex-shrink-1 mr-2">
                                                <a href="{{ asset('storage/oop_' . $oop->id . '/files/' . $file->filename) }}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-primary px-3">
                                                    View
                                                </a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach 
                        </table>
                    </div>
            </div>
            @endif
        </div>
    </div>
    
    @if(isset($oop) && $oop->prepared && $oop->approved)
    <div class="card card-primary p-0">
        <div class="card-header">
            <h3 class="card-title">
                {{ __('Payments') }}
            </h3>
        </div>
        <div class="card-body p-0" style="max-height: 190px; overflow-y: auto;">
            <table class="table p-1" id="payment_table">
                <thead style="position: sticky;top: 0;background-color: white;">
                    <th class="p-2">Payment Date</th>
                    <th class="p-2">Amount</th>
                    <th class="p-2">Payment Method</th>
                    <th class="p-2">Date Created</th>
                </thead>
                <tbody style="">
                    @foreach($oop->payments as $p)
                    <tr>
                        <td class="p-2">{{date_format(date_create($p->date), 'M j, Y')}}</td>
                        <td class="p-2">{{number_format($p->amount, 2, '.', '')}}</td>
                        <td class="p-2">{{$p->method->name}}</td>
                        <td class="p-2">{{date_format(date_create($p->created_at), 'M j, Y')}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    
    <div class="card card-primary p-0">
        <div class="card-header">
            <h3 class="card-title">
                {{ __('Payment Details') }}
            </h3>
        </div>
        <div class="card-body p-2">
            <ul class="list-group list-group-flush">
               <li class="list-group-item"><span style="display: inline-block; width: 6%">Total:</span><input type="text" value="{{number_format($oop->total_price, 2, '.', '')}}" disabled style="margin-right: 20px; text-align:center;"><span>Php</span></li>
                <li class="list-group-item"><span style="display: inline-block; width: 6%">Paid:</span><input type="text" value="{{number_format($oop->paid, 2, '.', '')}}" disabled style="margin-right: 20px; text-align:center;"><span>Php</span></li>
                <li class="list-group-item"><span style="display: inline-block; width: 6%;">Due:</span><input type="text" value="{{number_format($oop->due, 2, '.', '')}}" class="@if($oop->due <= 0) green @else red @endif" disabled style="margin-right: 20px; text-align:center; text-shadow: 1px 0px 0px;"><span>Php</span></li>
            </ul>
        </div>
    </div>
    @endif

@endsection

@section('scripts')
    <script src="{{url('js/admin/order_of_payment.js')}}"></script>
@endsection