@extends('layouts.app')

@section('title')
    Edit Order of Payment
@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">{{ __('Edit 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">{{ __('Edit Order of Payment') }}</h3>
        </div>
        <!-- /.card-header -->
        <!-- /.card-body -->
    </div>
    <form method="POST" id="oop_form" action="{{route('admin.order_of_payment.update',$oop->id)}}" enctype="multipart/form-data">
        @csrf
        @method('put')
        <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}}"> 
        @include('admin.order_of_payment._form')
        <div class="card card-primary" id="edit_save_card">
            <div class="card-body"> 
                <div class="row">
                    <div class="col-lg-12">
                        @if($oop->prepared == 0)
                        <button type="submit" class="btn btn-primary submit_form_btn save_btn" data-save="save">
                            <i class="fa fa-check mr-1"></i>  {{__('Save')}}
                        </button>
                        <button type="submit" class="btn btn-primary submit_form_btn save_btn" data-save="partial_save">
                            <i class="fa fa-check mr-1"></i>  {{__('Partial Save')}}
                        </button>
                        @elseif($oop->prepared == 1 && $oop->approved == 0)
                        @can('approve_order_of_payment')
                        <input type="hidden" id="can_approve" name="can_approve" value="true">
                        <button type="submit" class="btn btn-primary submit_form_btn save_btn" data-save="save">
                            <i class="fa fa-check mr-1"></i>  {{__('Save')}}
                        </button>
                        <button type="submit" class="btn btn-primary submit_form_btn save_btn" data-save="partial_save">
                            <i class="fa fa-check mr-1"></i>  {{__('Partial Save')}}
                        </button>
                        @endcan
                        @endif
                    </div>
                </div>
            </div>
            <!-- /.card-body -->
        </div>
        
    </form>

    </div>

    <div class="modal fade" id="payment_modal" tabindex="-1" role="dialog" aria-hidden="true">
        <form method="POST" action="{{route('admin.order_of_payment.pay',$oop->id)}}">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">Add Payment</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="pay_amount">{{ __('Amount')}}</label>
                                <div class="input-group mb-3">
                                    <input type="number" class="form-control" name="amount" id="pay_amount">         
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="pay_date">{{ __('Date')}}</label>
                                <div class="input-group mb-3">
                                    <input type="date" class="form-control" name="date" id="pay_date">         
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="pay_method">{{ __('Payment Method')}}</label>
                                <div class="input-group mb-3"> 
                                    <select name="method_id" id="pay_method" class="form-control">
                                        @foreach($pay_methods as $m)
                                        <option value="{{$m->id}}">{{$m->name}}</option>
                                        @endforeach
                                    </select>       
                                </div>
                            </div>
                        </div>
                  </div>
                  <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Pay</button>
                  </div>
                </div>
              </div>
        </form>
    </div>

    <div class="modal fade" id="renameModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Rename File</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="renameForm" action="" method="post">
                        @csrf
                        <input type="text" name="filename" id="" class="form-control">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save changes</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <form id="deleteFileForm" action="" method="post" class="d-none">
        @csrf
        <button type="submit">submit</button>
    </form>
    
@endsection