@extends('layouts.admin')
@section('pageTitle')
  <title>Best Insurance | FNOL Claims </title>
@stop
@section('pageCss')
<link rel="stylesheet" href="{{ URL::asset('assets/plugins/datepicker/datepicker3.css') }}">
@stop
@section('content')

<script type="text/javascript">
    
</script>
<section class="content">

    <div class="box">
            <div class="row">
            
                <div class="m-b-10" style="margin-top:20px;margin-left:20px;">
                  <button  type="button" data-toggle="modal" data-target="#myModal" class="btn btn-primary btn-lg">
                    <span class="" > <i class="fa fa-plus"></i>&nbsp;&nbsp;New FNOL</span>
                  </button>&nbsp;&nbsp;&nbsp;&nbsp;
                
              </div>
            </div>
            <div class="box-body ">
              <div class="row">
                   <div class="col-md-5">
                    <div class="col-md-6 lead-padding"><label for="Name"><b>Customer Name </b></label> :</div>
                    <div class="col-md-6 lead-padding">{{ucwords(strtolower($fullName))}} </div>
                    <div class="clearfix"></div>
                    <div class="col-md-6 lead-padding "><label for="Employee Status"><b>Policy Number</b></label> :</div>
                    <div class="col-md-6 lead-padding">{{$information->policy_number_full}}</div>
                    <div class="clearfix"></div>
                   </div>
              </div>
              <br>
                <div class="alert alert-danger alert-dismissible fade in" id="error_msg"style="display:none;">
                  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                  <strong>Oops!</strong>FNOL claim is not submitted on portal, please try again later.
                </div>
                <div class="alert alert-success alert-dismissible" id="success_msg" style="display:none;">
                  <button type="button" class="close" data-dismiss="alert">&times;</button>
                  <strong>Success!</strong> The FNOL Claim Request generated successfully.
                </div>
                <div class="">

                <div> <h3>Claim Details</h3></div>
                  <table id="dataTables" class="table  table-hover " width="90%">
                    <thead>
                      <tr>
                      
                       
                        <th>Claim ID</th>
                        <th>Claim Status</th>
                        <th>Created Date</th>
                      </tr>
                      <tbody>
                        @if(isset($fnolClaimDetails))
                        @foreach($fnolClaimDetails as $key => $fnolClaim )
                        <tr>
                          
                          <td>{{$fnolClaim['claim_id']}}</td>
                          <td>{{$fnolClaim['claim_status']}}</td>
                          <td>{{$fnolClaim['created_at']}}</td>
                        </tr>
                        @endforeach
                        @endif
                      </tbody>
                    </thead>
                  </tbody>
                  </table>
                </div>
               
            </div>
            <div class="row">
                <!-- <div class="form-group col-md-5">
                <div class="col-md-6 lead-padding"> <button class="btn btn-primary" type="button" data-toggle="modal" data-target="#myModal">FNOL </button></div>
                </div> -->
                
    </div>
    <!-- </div> -->
</section>

<!-- confermation model-->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Conformation</h4>
        </div>
        <div class="modal-body">
          <p>Please confirm you want to create an FNOL for <b>{{$fullName}}</b> with policy number <b> {{$information->policy_number_full}}</b>.”</p>
        
        <form id="formedit" method="POST" action="">
          <div class="modal-body" id="reason_box" style="display: none;">
            <div class="form-group">
              <label for="InputEmail">Reason</label>
                <textarea name="reason" class="form-control" id="reason" rows="4" cols="50"></textarea>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-success" id="ajaxSubmit" onclick="showInput()" type="submit">Okay</button>
          <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
        </div>
        </form>
      </div>
      
    </div>
  </div> 
</div>


@stop
@section('pageBottomJs')
<link rel="stylesheet" href="{{ URL::asset('assets/plugins/iCheck/all.css') }}">
<!-- pretty scroll bar(AdminLite Documentation page css) -->
<link rel="stylesheet" href="{{ URL::asset('assets/plugins/PrettyScroll/style.css') }}">
<!-- iCheck 1.0.1 -->
<script src="{{ URL::asset('assets/plugins/iCheck/icheck.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
<script src="{{ URL::asset('assets/js/views/leads/edit-comleted-view.js') }}"></script>
<script>
function showInput(){
    var information = null;
    var msg = $("textarea#reason").val();
    var error = false;
    document.getElementById('reason_box').style.display = "block";
    if(msg ==''){
        console.log('empty');
    }else{
        console.log('test');
        $.ajax({
        type: "POST",
        data: {"_token": "{{ csrf_token() }}","reason": msg,"information":information},
        url: "{{ url('fnol-save') }}",
        success: function(result){
            // do whatever you want with the response 
            if(result ==='success response'){
              $("textarea#reason").val("");
              document.getElementById('reason_box').style.display = "none";
              $('#myModal').modal('hide');
              document.getElementById('success_msg').style.display = "block";
              window.location.reload();
            }else{
              document.getElementById('error_msg').style.display = "block";
            }
            
        }
        });
    }
}
</script>
@stop