@extends('layout.adminapp')
@section('page-css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
<link href="{{ asset('css0/buttons.bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('css0/buttons.dataTables.min.css') }}" rel="stylesheet">
<link rel="stylesheet" href="{!! asset('css/css/izitoast.css') !!}">
<link rel="stylesheet" href="{!! asset('css/hover-min.css') !!}">

<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
<style media="screen">
    .fid {
        color: #f9971a !important;
    }
</style>
<link type="text/css" rel="stylesheet" href="{!! asset('css/jsgrid.min.css') !!}" />
<link type="text/css" rel="stylesheet" href="{!! asset('css/jsgrid-theme.min.css') !!}" />
@endsection
@section('page-content')

<section class="content bg-light">

    <div class="content-inner container content-docs">
      <nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{!! route('admin.dashboard') !!}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{!! route('admin.fyei.evaluation.index') !!}">FYEI Evaluation</a></li>
    <li class="breadcrumb-item active">{{$user->applicant_name}} Pre Condition</li>
  </ol>
</nav>
    <h5 class="text-center text-uppercase">FYEI ASSESSMENT REPORT

					</h5>
          <div class="row mt-2 mb-4 d-flex justify-content-center">
              <div class="col-lg hvr-float">
                  <div class="card border-light">
                      <div class="card-body text-center">
                          <h6 class="fid">NAME OF ENTREPRENEUR / BUSINESS </h6>
                          <p>{{ $user->applicant_name }} / {{ $user->company_name }}</p>
                      </div>
                  </div>
              </div>
              <div class="col-lg hvr-float">
                  <div class="card border-light">
                      <div class="card-body text-center">
                          <h6 class="fid">INDUSTRY</h6>
                          <p>{{ $industrytype }} <br> <br> </p>
                      </div>
                  </div>
              </div>
              {{-- <div class="col-lg hvr-float">
                  <div class="card border-light">
                      <div class="card-body text-center">
                          <h6 class="fid">PURPOSE</h6>
                          <p>{{ $user->grant_purpose }}  <br> <br> </p>
                      </div>
                  </div>
              </div> --}}

          </div>
          <div class="row mt-2 mb-4 d-flex justify-content-center">
              {{-- <div class="col-lg hvr-float">
                  <div class="card border-light">
                      <div class="card-body text-center">
                          <h6 class="fid">AMOUNT </h6>
                          <p>{{ $user->grant_amt }}</p>
                      </div>
                  </div>
              </div> --}}
              <div class="col-lg hvr-float">
                  <div class="card border-light">
                      <div class="card-body text-center">
                          <h6 class="fid">TENURE</h6>
                          <p>{{ $user->proposed_facility_tenure }}</p>
                      </div>
                  </div>
              </div>
              <div class="col-lg hvr-float">
                  <div class="card border-light">
                      <div class="card-body text-center">
                          <h6 class="fid">SCORE</h6>
                          <p>{{ $score }}%</p>
                      </div>
                  </div>
              </div>

          </div>
        <div class="card">
            <div class="card-body">

              <form class="mt-5" id="SaveLater" action="{!! route('admin.assessment.store') !!}" method="post">
                @csrf
                <div class="card bg-secondary">
                  <div class="card-header">
                    Security / Support
                  </div>
                  <div class="card-body">
                    <div id="c1"></div>
                    <input type="hidden" id="assessdata" name="assessdata" value=""/>
                  </div>
                </div>

                <div class="card mt-5 bg-secondary">
                  <div class="card-header">
                  PRICING
                  </div>
                  <div class="card-body">
                    <div class="row">
                      <div class="col-lg">
                        <div class="form-group">
                          <label for="">Facility fee <span class="text-danger">*</span></label>
                          <input type="number" required name="facility_fee" class="form-control" value="{{$eva->facility_fee ?? ''}}">
                        </div>
                      </div>
                      <div class="col-lg">
                        <div class="form-group">
                          <label for="">Interest rate <span class="text-danger">*</span></label>
                          <input type="number" required name="interest_rate" class="form-control" value="{{$eva->interest_rate ?? ''}}">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="row mt-5">
                  <div class="col-lg">
                    <div class="form-group">
                      <label for="">CREDIT REFERENCE <span class="text-danger">*</span></label>
                      <textarea name="credit_ref" required class="form-control" rows="8" cols="80">{{$eva->credit_ref ?? ''}}</textarea>
                    </div>
                  </div>
                  <div class="col-lg">
                    <div class="form-group">
                      <label for="">ACCOUNT ACTIVITY <span class="text-danger">*</span></label>
                      <textarea name="acc_activity" required class="form-control" rows="8" cols="80">{{$eva->acc_activity ?? ''}}</textarea>
                    </div>
                  </div>
                </div>

<table class="table table-bordered table-sped mt-5">
  <thead>
    <th colspan="2">Financials</th>
  </thead>
  <tbody>
    <tr>
      <td>Profitability </td>
      <td> <textarea name="profit" required class="form-control" rows="8" cols="80">{{$eva->profitability ?? ''}} </textarea> <small><span class="text-danger">*</span> Required</small> </td>
    </tr>
    <tr>
      <td>Liquidity</td>
      <td> <textarea name="liquidity" class="form-control" rows="8" cols="80">{{$eva->liquidity ?? ''}}</textarea> <small><span class="text-danger">*</span> Required</small> </td>
    </tr>
    <tr>
      <td>Efficiency</td>
      <td> <textarea name="efficiency" class="form-control" rows="8" cols="80">{{$eva->efficiency ?? ''}}</textarea> <small><span class="text-danger">*</span> Required</small> </td>
    </tr>
    <tr>
      <td>Leverage</td>
      <td> <textarea name="leverage" class="form-control" rows="8" cols="80">{{$eva->leverage ?? ''}}</textarea> <span class="text-danger">*</span> Required </td>
    </tr>
    <tr>
      <td>Balance Sheet Size</td>
      <td> <textarea name="balance_sheet" class="form-control" rows="8" cols="80">{{$eva->balance_sheet ?? ''}}</textarea> <span class="text-danger">*</span> Required </td>
    </tr>

  </tbody>
</table>

 <br> <br>
 <div id="c2"></div>
 <input type="hidden" id="str_weak" name="str_weak" value=""/>

 <br> <br>
 <div id="c3"></div>
 <input type="hidden" id="oppo_threat" name="oppo_threat" value=""/>

<br> <br>

<div class="card mt-5 bg-secondary">
  <div class="card-header">
  DECISION
  </div>
  <div class="card-body">
  <div class="form-group">
    <label for="">Decision <span class="text-danger">*</span></label>
    <select class="form-control" name="decision" id="decision" required>
      <option disabled hidden {{is_null($eva->decision) ? 'selected' : ''}}>--Select an option--</option>
      <option value="Approved Application" {{!is_null($eva->decision) && $eva->decision == "Approved Application" ? 'selected' : ''}}>Approve</option>
      <option value="Rejected" {{!is_null($eva->decision) && $eva->decision == "Rejected" ? 'selected' : ''}}>Declined/deferred</option>
    </select>
  </div>
  <div class="form-group">
    <label for="">Please Provide Reasons <span class="text-danger">*</span></label>
    <textarea name="decision_reason" required class="form-control" rows="8" cols="80">{{$eva->decision_reason ?? ''}}</textarea>
  </div>

  {{-- <div class="" id="onapprove">
    <div class="form-group">
      <label for="">Time For Interview <span class="text-danger">*</span></label>
      <input id="" type="datetime-local"  class=" makereq form-control" name="interviewtime" >
    </div>
  </div> --}}
  </div>
</div>

{{-- <div class="row mt-5">
  <div class="col-lg">
    <div class="form-group">
      <label for="">Pre disbursement Conditions	<span class="text-danger">*</span>			</label>
      <textarea name="pre_dis_cond" class="form-control" rows="8" cols="80"></textarea>
    </div>

    <div class="form-group">
      <label for="">Post Disbursement Conditions		<span class="text-danger">*</span><span class="text-danger">*</span>						</label>
      <textarea name="post_dis_cond" class="form-control" rows="8" cols="80"></textarea>
    </div>
  </div>
  <div class="col-lg">
    <div class="form-group">
      <label for="">Covenants / Triggers			<span class="text-danger">*</span>					</label>
      <textarea name="covenant" class="form-control" rows="8" cols="80"></textarea>
    </div>

    <div class="form-group">
      <label for="">Milestones for Disbursement				<span class="text-danger">*</span>				</label>
      <textarea name="milestones" class="form-control" rows="8" cols="80"></textarea>
    </div>
  </div>
</div> --}}
{{--  --}}
 <br> <br>
 <div id="c4"></div>
 <input type="hidden" id="pre_dis_cond" name="pre_dis_cond" value=""/>

  <br> <br>
 <div id="c5"></div>
 <input type="hidden" id="post_dis_cond" name="post_dis_cond" value=""/>

 <br> <br>
 <div id="c6"></div>
 <input type="hidden" id="covenant" name="covenant" value=""/>

  <br> <br>
 <div id="c7"></div>
 <input type="hidden" id="milestones" name="milestones" value=""/>

{{--  --}}
<input type="hidden" name="user_id" value="{{ $user->user_id }}">
                <div class="text-center mt-5">
                  <button type="submit" class="btn btn-success col-lg-3 m-1" name="button">Submit</button>
                  <button type="submit" class="btn btn-success col-lg-3 m-1" name="download">Download</button>
                  {{-- <a class="btn btn-success col-lg-3 m-1" style="color: white">Download</a> --}}
                  <button type="button"  onclick='func1()' class="btn btn-success col-lg-3 m-1" name="save_button">Save For Later</button>
                </div>
              </form>
            </div>
        </div>
        @endsection

        @section('page-js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/js/iziToast.min.js" charset="utf-8"></script>
<script type="text/javascript" src="{!! asset('css/jsgrid.min.js') !!}"></script>

<script type="text/javascript">
// $('#onapprove').hide();

// $('#decision').change(function() {
//         if ($(this).val()==='Approved Application') {
//           $('#onapprove').show();
//
// var b = document.getElementsByClassName('makereq');
//
// var i;
// for (i = 0; i < b.length; i++) {
// b[i].setAttribute('required','required');
// }
// //
// }else {
// $('#onapprove').hide();
// //             $('#aa').hide()
// // $('.aa-btn').show();
// //
// var b = document.getElementsByClassName('makereq');
//
// var i;
// for (i = 0; i < b.length; i++) {
// b[i].removeAttribute('required','required');
// b[i].setAttribute('value','');}
// }
//     })


/////////////////////////////////JSGRID
//1 assessdata
$("#c1").jsGrid({
  width: "100%",
  height: "auto",
  controller: {
    loadData: function (filter) {
        var session = {!! !empty(session('assess')) ? json_encode(session('assess')) : ($items ?? json_encode([])) !!};
        if (jQuery.isEmptyObject(session))
            return '';
        else
            return session;
    }
},
  inserting: true,
  editing: true,
  sorting: false,
  paging: true,
autoload:true,
  fields: [
      { name: "details",title:"Details", type: "text",validate: "required"},
      { name: "omv",title:"OMV (GHS)", type: "number",validate: "required" },
      { name: "fsv",title:"FSV (GHS)", type: "number",validate: "required" },
      { type: "control" }
  ]
});

//2 str_weak
$("#c2").jsGrid({
  width: "100%",
  height: "auto",
  controller: {
    loadData: function (filte) {
        var session = {!! !empty(session('str_weak')) ? json_encode(session('str_weak')) : ($items ?? json_encode([])) !!};
        if (jQuery.isEmptyObject(session))
            return '';
        else
            return session;
    }
},
  inserting: true,
  editing: true,
  sorting: false,
  paging: true,
autoload:true,
  fields: [
      { name: "strength",title:"Strength", type: "text",validate: "required"},
      { name: "weakness",title:"Weakness", type: "text",validate: "required" },
      { type: "control" }
  ]
});


//3 Opportunity threat
$("#c3").jsGrid({
  width: "100%",
  height: "auto",
  controller: {
    loadData: function (filt) {
        var session = {!! !empty(session('oppo_threat')) ? json_encode(session('oppo_threat')) : ($items ?? json_encode([])) !!};
        if (jQuery.isEmptyObject(session))
            return '';
        else
            return session;
    }
},
  inserting: true,
  editing: true,
  sorting: false,
  paging: true,
autoload:true,
  fields: [
      { name: "opportunity",title:"Opportunities", type: "text",validate: "required"},
      { name: "threat",title:"Threats", type: "text",validate: "required" },
      { type: "control" }
  ]
});



//4 Pre Disbursement Conditions
$("#c4").jsGrid({
  width: "100%",
  height: "auto",
  controller: {
    loadData: function (filt) {
        var session = {!! !empty(session('pre_dis_cond')) ? json_encode(session('pre_dis_cond')) : ($items ?? json_encode([])) !!};
        if (jQuery.isEmptyObject(session))
            return '';
        else
            return session;
    }
},
  inserting: true,
  editing: true,
  sorting: false,
  paging: true,
autoload:true,
  fields: [
      { name: "pre_dis_cond",title:"Pre Disbursement Conditions", type: "text",validate: "required"},
      { type: "control" }
  ]
});

//5 Post Disbursement Conditions
$("#c5").jsGrid({
  width: "100%",
  height: "auto",
  controller: {
    loadData: function (filt) {
        var session = {!! !empty(session('post_dis_cond')) ? json_encode(session('post_dis_cond')) : ($items ?? json_encode([])) !!};
        if (jQuery.isEmptyObject(session))
            return '';
        else
            return session;
    }
},
  inserting: true,
  editing: true,
  sorting: false,
  paging: true,
autoload:true,
  fields: [
      { name: "post_dis_cond",title:"Post Disbursement Conditions", type: "text",validate: "required"},
      { type: "control" }
  ]
});


//6 Covenant / triggers
$("#c6").jsGrid({
  width: "100%",
  height: "auto",
  controller: {
    loadData: function (filt) {
        var session = {!! !empty(session('covenant')) ? json_encode(session('covenant')) : ($items ?? json_encode([])) !!};
        if (jQuery.isEmptyObject(session))
            return '';
        else
            return session;
    }
},
  inserting: true,
  editing: true,
  sorting: false,
  paging: true,
autoload:true,
  fields: [
      { name: "covenant",title:"Covenant / triggers", type: "text",validate: "required"},
      { type: "control" }
  ]
});


//7 Milestones for Disbursement
$("#c7").jsGrid({
  width: "100%",
  height: "auto",
  controller: {
    loadData: function (filt) {
        var session = {!! !empty(session('milestones')) ? json_encode(session('milestones')) : ($items ?? json_encode([])) !!};
        if (jQuery.isEmptyObject(session))
            return '';
        else
            return session;
    }
},
  inserting: true,
  editing: true,
  sorting: false,
  paging: true,
autoload:true,
  fields: [
      { name: "milestones",title:"Milestones for Disbursement", type: "text",validate: "required"},
      { type: "control" }
  ]
});


///////////////////////////// SUBMIT

$('#SaveLater').on('submit', function () {
    //1
       assessdata = $("#c1").jsGrid("option", "data");
       $('#assessdata').val(JSON.stringify(assessdata));
    //
       str_weak = $("#c2").jsGrid("option", "data");
       $('#str_weak').val(JSON.stringify(str_weak));
    //3
       oppo_threat = $("#c3").jsGrid("option", "data");
       $('#oppo_threat').val(JSON.stringify(oppo_threat));
    //4
        pre_dis_cond = $("#c4").jsGrid("option", "data");
       $('#pre_dis_cond').val(JSON.stringify(pre_dis_cond));
    //5
        post_dis_cond = $("#c5").jsGrid("option", "data");
       $('#post_dis_cond').val(JSON.stringify(post_dis_cond));
    //6
        covenant = $("#c6").jsGrid("option", "data");
       $('#covenant').val(JSON.stringify(covenant));
    //7
        milestones = $("#c7").jsGrid("option", "data");
       $('#milestones').val(JSON.stringify(milestones));


   });
//func1
//    save for later
 function func1() {
            // alert("DIV 1");
            // if (document.getElementById("check").checked) {
            // var tt='po';

            // $(document).on('submit','#conflicfont', function (e) {
              // console.log(e);
              if ($('.sfll').val()=='sfl') {
                // event.preventDefault();
                console.log(event);
              }
            // return false;
            console.log('kk');
            // console.log($('conflicfont').serialize());
            //jsgrid data
               //1
                assessdata = $("#c1").jsGrid("option", "data");
                $('#assessdata').val(JSON.stringify(assessdata));
                //
                str_weak = $("#c2").jsGrid("option", "data");
                $('#str_weak').val(JSON.stringify(str_weak));
                //3
                oppo_threat = $("#c3").jsGrid("option", "data");
                $('#oppo_threat').val(JSON.stringify(oppo_threat));
                //4
                    pre_dis_cond = $("#c4").jsGrid("option", "data");
                $('#pre_dis_cond').val(JSON.stringify(pre_dis_cond));
                //5
                    post_dis_cond = $("#c5").jsGrid("option", "data");
                $('#post_dis_cond').val(JSON.stringify(post_dis_cond));
                //6
                    covenant = $("#c6").jsGrid("option", "data");
                $('#covenant').val(JSON.stringify(covenant));
                //7
                    milestones = $("#c7").jsGrid("option", "data");
                $('#milestones').val(JSON.stringify(milestones));
            let formData = $('#SaveLater').serialize();
            console.log(formData);


          $.ajax({
            url: '{!! route('saveforlater.assessment') !!}',
            data: formData,
            // processData:true,
            //           contentType:false,
            headers: {'X-CSRF-TOKEN': "{{ csrf_token() }}"},
            method: 'POST',
          })
          iziToast.show({
                title: 'Saving Current Progress...',
                message: '',
                // timeout:fa,

            });
          return false;
// e.stopPropagation();
            // });


              // event.stopPropagation();
            // }
          }
</script>
        @endsection