@extends('layouts.app')

@section('content')

<!-- Page Heading -->

<div class="d-sm-flex align-items-center mb-4">
    <div class="h4 mb-0 text-warning text-uppercase font-weight-bold mb-1">Location: </div>
    <div class="h4 mb-0 text-gray-800 text-uppercase font-weight-bold mb-1">&nbsp; {{ $location->location_description }}</div>
    <input type="hidden" value="{{ $location->location_id }}" id="location">
</div>

<div class="row justify-content-center">
<!-- @if($errors->any())
    <div class="alert alert-danger">
        <ul>
        @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
        </ul>
    </div>
@endif -->
    
<form action="{{ route('new.store') }}" method="POST">
{!! csrf_field() !!}
 <!-- Content Row -->
 <div class="row">   

  <div class="col-xl-7 col-md-6 mb-4">
    <div class="card border-left-primary shadow h-100 py-2">
    <div class="card-body">
        <div class="row no-gutters align-items-center">
            <div class="h5 font-weight-bold text-primary text-uppercase mb-1">New Issuance</div>
            <div class="col-md-12">

                <div class="form-group">
                    <label>Business Name:</label>
                    <input type="text" name="business_name" class="form-control" value="{{ old('business_name') }}">
                    @if ($errors->has('business_name'))
                        <span class="help-block">
                            <strong>{{ $errors->first('business_name') }}</strong>
                        </span>
                    @endif
                </div>

                <div class="form-group">
                    <label>Business Address:</label>
                    <input type="text" name="business_address" class="form-control" value="{{ old('business_address') }}">
                    <small>House No./Floor, Building and Street Name</small>
                    @if ($errors->has('business_address'))
                        <br><span class="help-block">
                            <strong>{{ $errors->first('business_address') }}</strong>
                        </span>
                    @endif
                </div>
                
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <select class="form-control" name="barangay">
                            <option value="" selected disabled>Choose here...</option>
                            @foreach($barangay as $br)
                            <option value="{{ $br->barangay_name }}" {{ (old("barangay") == $br->barangay_name ? "selected":"") }}>{{ strtoupper($br->barangay_name) }}</option>
                            @endforeach
                        </select>
                        <small>Barangay</small> 
                        @if ($errors->has('barangay'))
                            <br><span class="help-block">
                                <strong>{{ $errors->first('barangay') }}</strong>
                            </span>
                        @endif
                    </div>

                    <div class="form-group col-md-6">
                        <input type="text" name="city" value="{{ strtoupper($location->location_description) }}" class="form-control" disabled>
                        <small>City</small>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label>Business Type:</label>
                        <select class="form-control" name="business_type" id="business_type" required>
                            <option selected disabled>Choose here...</option>
                            @foreach($business_type as $bt)
                            <option value="{{ $bt['businesstype_id'] }}" {{ (old("business_type") == $bt['businesstype_id'] ? "selected":"") }} data-risk="{{ $bt['tag'] }}">{{ $bt['business_type'] }}</option>
                            @endforeach
                        </select>
                        @if ($errors->has('business_type'))
                            <span class="help-block">
                                <strong>{{ $errors->first('business_type') }}</strong>
                            </span>
                        @endif
                    </div>
                    
                    <input type="hidden" name="risk" id="risk" class="form-control">
                    
                    <div class="form-group col-md-6">
                        <label>Floor Area (in sqm.):</label>
                        <input type="number" min="0" step="0.01" name="area" id="area" class="form-control" value="{{ old('area') }}">
                        @if ($errors->has('area'))
                            <span class="help-block">
                                <strong>{{ $errors->first('area') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>
                
                @if(Auth::check())
                    @if (Auth::user()->premier_access == 'Yes')
                        <div class="form-row">
    
                            <div class="form-group col-md-6">
                                <label>Email address:</label>
                                <input type="email" min="0" step="0.01" name="email_add"
                                    class="form-control" value="{{ old('email_add') }}">
                                @if ($errors->has('email_add'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('email_add') }}</strong>
                                    </span>
                                @endif
                            </div>
    
                            <div class="form-group col-md-6">
                                <label>Mobile Numnber:</label>
                                <input type="number" name="phone_num" class="form-control"
                                    value="{{ old('phone_num') }}">
                                @if ($errors->has('phone_num'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('phone_num') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                    @endif
                @endif
                
                @if($location->location_id == 11)
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label>Referral:</label>
                            <input type="text" name="referral"
                                class="form-control" value="{{ old('referral') }}">
                            @if ($errors->has('referral'))
                                <span class="help-block">
                                    <strong>{{ $errors->first('referral') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                @endif
            </div>
        </div>
        
    </div>
    </div>
  </div>

  <div class="col-xl-5 col-md-6 mb-4">
    <div class="card border-left-success shadow h-100 py-2">
    <div class="card-body">
        <div class="row no-gutters align-items-center">
            <div class="h5 font-weight-bold text-success text-uppercase mb-1">Breakdown of Fees</div>
            <table class="table table-bordered">
                <tr>
                    <td width="60%">Total Sum Insured: </td>
                    <td width="40%" id="sumInsured" style="text-align:right">0.00</td>
                </tr>
            </table>
            <table class="table table-bordered">
                <tr>
                    <td width="60%">Total Premium: </td>
                    <td width="40%" id="premium" style="text-align:right">0.00</td>
                </tr>
                <tr>
                    <td>Doc. Stamps: </td>
                    <td id="docStamp" style="text-align:right">0.00</td>
                </tr>
                <tr>
                    <td>V.A.T.: </td>
                    <td id="vat" style="text-align:right">0.00</td>
                </tr>
                <tr>
                    <td>L.G.T.: </td>
                    <td id="lgt" style="text-align:right">0.00</td>
                </tr>
                <tr>
                    <td>Total Amount Due: </td>
                    <td id="due" style="text-align:right">0.00</td>
                </tr>
            </table>
            <small>*Note: Convenience fee not included. Depends on chosen mode of payment.</small>
        </div>
    </div>
    
    </div>
    
     
    
    
  </div>
        <div class="col-md-12" style="padding-bottom:20px">
            <div class="card border-left-primary shadow  py-2 mb-5">
    <div class="card-body">
       <h3 style="color:red"><strong>IMPORTANT!</strong></h3>  
       <div class="row">
          <strong><h4>  Please confirm all the details above. All information should match your application. Any misinformation will result to rejection. This transaction is not reversible and not refundable.</h4></strong>
       </div>
    </div>
</div>
            <a href="{{ url('policy-type') }}" class="btn btn-danger btn-lg" style="float:left;padding:8px 30px 8px 30px">Back</a>
            <button onclick="confirm("Please confirm all the details below,all information should match your application. Any misinformation will result to rejection.")" type="submit" id="btnsave" class="btn btn-primary btn-lg" style="float:right;padding:8px 30px 8px 30px">Next</button>
        </div>
    </form>
</div>
</div>



@endsection
<script src="{{ asset('vendor/jquery/jquery.min.js') }}"></script>

    <script>
    $(document).ready(function() {
       
        var risk= $('#business_type').find(':selected').data('risk');
        var area = $("#area").val();
        getFees(area,risk);

        if(area==0 | area ==''){
            $('#btnsave').prop('disabled',true);
        }
        $('#business_type').on('change', function(){
            risk = $(this).find(':selected').data('risk')
            area = $("#area").val();
            getFees(area,risk)
        });

        $("#area").on('keyup',function(){
            area = $(this).val();
            risk = $("#business_type").find(':selected').data('risk')
            getFees(area,risk)
        });
        
        function numberWithCommas(x) {
            return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        }

        function getFees(area,risk){
            loc = $('#location').val();
            $('#risk').val(risk);
            if(area=='')
                area=0;
                if(area==0){
                    $('#btnsave').prop('disabled',true);
                }else{
                    $('#btnsave').prop('disabled',false);
                }
            $.ajax({
                url: '{{ url("/matrix") }}' + '/' + area + '/' + loc + '/' + risk,
                type: "GET",
                data: {} ,
                success: function (data) {
                    var sum_ins = "0.00";
                    var premium = "0.00";
                    var doc_stamp = "0.00";
                    var vat = "0.00";
                    var lgt = "0.00";
                    var due = "0.00";
                    data.forEach(function(arrayItem){
                        sum_ins = arrayItem.tot_sumIns;
                        premium = arrayItem.tot_prem;
                        doc_stamp = arrayItem.doc_stamps;
                        vat = arrayItem.evat;
                        lgt = arrayItem.lgt;
                        due = premium*1 + doc_stamp*1 + vat*1 + lgt*1;
                        due = due.toFixed(2);
                    })
                    if(risk=='High Risk'){
                        premium = premium*2;
                        doc_stamp = doc_stamp*2;
                        vat = vat*2;
                        lgt = lgt*2;
                        due = due*2;
                    }
                    $('#sumInsured').text('PHP ' + numberWithCommas(sum_ins));
                    $('#premium').text('PHP ' + numberWithCommas(premium));
                    $('#docStamp').text(numberWithCommas(doc_stamp));
                    $('#vat').text(numberWithCommas(vat));
                    $('#lgt').text(numberWithCommas(lgt));
                    $('#due').text('PHP ' + numberWithCommas(due));
                    //console.log(data);
                }
            });
        }
    });
    </script>