@section('css')
    <style>
        .green {
            color: green;
        }
        .red {
            color: red;
        }
    </style>
@endsection
@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 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 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 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 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 name="identifiers[]" id="identifiers" placeholder="{{ __('Identifiers') }}" class="form-control select2" multiple disabled>
                            @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 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 name="principal_investigator[]" id="principal_investigator" class="form-control select2" multiple disabled>
                            @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 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 name="service_summary_no[]" id="service_summary_no" class="form-control select2 form_input" multiple required>
                    @if(isset($oop))
                        @foreach ($ss as $s)
                            <option value="{{ $s->id }}">{{ $s->ss_no }}</option>
                        @endforeach
                        @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
                    @endif
                    </select>
                </div>
            </div>

            <div class="col-sm-6">
                <div class="form-group">
                    <label for="date"><span style="color:red">*</span> {{ __('Date') }}</label>
                    <input 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">
        <div id="uploadForm" method="POST" enctype="multipart/form-data">
            <label>You can upload files</label>
            <div class="input-group control-group increment">
                <div class="custom-file mr-2">
                    <input type="file" class="custom-file-input form-control myfrm" id="attachmentFiles" name="filenames[]">
                    <label class="custom-file-label" for="customFile">{{ __('Choose file/s') }}</label>
                </div>

                <input type="text" name="file_names[]" id="" placeholder="Document name" class="form-control filenames mr-2" />
                <button class="add_row btn btn-success" type="button"><i class="fas fa-plus"></i></button>
            </div>
            <div class="clone hide">

            </div>

        </div>
        <div class="d-none">
            <div class="control-group input-group mt-2" id="addReport">
                <div class="custom-file mr-2">
                    <input type="file" class="custom-file-input form-control myfrm" id="attachmentFiles" name="filenames[]">
                    <label class="custom-file-label" for="customFile">{{ __('Choose file/s') }}</label>
                </div>
                <input type="text" name="file_names[]" id="" placeholder="Document name" class="form-control mr-2 filenames" />

                <button class="btn btn-danger btnremove" type="button"><i class="fas fa-minus"></i></button>
            </div>
        </div>

        @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 class="flex-shrink-1 mr-2 to_remove">
                                            <button data-route="{{ route('admin.order_of_payment.rename.file', $file->id) }}" type="button" class="btn btn-warning btn-sm renameFile" data-toggle="modal" data-target="#renameModal">
                                                Rename
                                            </button>
                                        </div>
                                        <div class="flex-shrink-1 to_remove">
                                            <a data-route="{{ route('admin.order_of_payment.delete.file', $file->id) }}" warning_message="Are you sure you want to delete file: {{ $file->filename }}" href="#" class="btn btn-danger btn-sm delete_file">
                                                Delete
                                            </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>
        <a style="padding: 0px 5px;" class="btn btn-primary btn-sm float-right add_payment" data-toggle="modal" data-target="#payment_modal" ><i class="fa fa-plus"></i>  Payment</a>
    </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

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