@extends('layout.padrao')
@section('title', ' Create - Client Claim')
@section('content')


@if($errors->any())
    <div class="alert alert-danger">
    @foreach($errors->all() as $error)
        {{ $error }} <br>
    @endforeach
    </div>
@endif
<script src="{{asset ('ckeditor4/ckeditor.js')}}"></script>
{{ Form::open(array('method' => 'post', 'files'=>true, 'enctype'=>'multipart/form-data', 'route'=>'storeClaim' , 'id'=>'claim_create')) }}
    {{ csrf_field() }} 
    <div class="row folha-interna shadow col-lg-12 col-md-12 col-sm-12 p-3 mb-5 bg-white rounded" style="border: 2px solid #8fb8df">
        <div class="w-100 form-group">
            <div class="col-sm-offset-2 col-sm-10 text-right" style="height:30px;margin-top:10px">
                <button type="submit" class="btn btn-padrao" onclick='submitDisable()'> Save </button>
                <button type="reset" class="btn btn-padrao" onClick="history.go(-1)"> Cancel </button>
            </div>
        </div>
        <div class="row folha-interna8 shadow col-lg-12 col-md-12 col-sm-12 p-3 mb-5 bg-white rounded">
            {{ Form::hidden('loadingType', 'CLM') }}
            <div class="row col-lg-12 col-md-12 col-sm-12">
                <div class="col col-lg-2 col-md-6 col-sm-12 form-group clients_id-rule {{ $errors->has('clients_id')? 'has-error':''}}" >
                    {!! Form::label('clients_id', 'Client', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('clients_id', $select['clients'] , old('clients_id',null),  ['class' => 'form-control ']) !!} 
                </div>
                    <div class="col col-lg-2 col-md-12 col-sm-12 form-group" > 
                        <label class="w-100 control-label">Booking <a id="button" class="btn btn-padrao" style="background-color:#f0f0f0 !important;height:15px;width:15px;margin-left:3px;margin-top:-18px"><i class="fas fa-search" style="margin-left:10px" color="#3f81be"></i></a></label>
                        {!! Form::text('booking', null, ['class' => 'form-control', 'id' => 'bookingSearch']) !!}  
                    </div>               
                <div class="col col-lg-3 col-md-12 col-sm-12 form-group form-group {{ $errors->has('tank_owners_id')? 'has-error':''}}" >
                    {!! Form::label('csaPerson', 'CSA - Person in Charge', [ 'class' => 'w-100 control-label']) !!}      
                    {!! Form::select('csaPerson', $select['usuarios'] , old('csaPerson',null),  ['class' => 'form-control ']) !!}     
                </div> 
                <div class="col col-lg-2 col-md-12 col-sm-12 form-group form-group {{ $errors->has('tank_owners_id')? 'has-error':''}}" >
                    {!! Form::label('claimAmount', 'Claim Amount (USD)', [ 'class' => 'w-100 control-label']) !!}
                    {!! Form::number('claimAmount', null, ['class' => 'form-control', 'step' => '0.01']) !!}            
                </div>  
                <div class="col col-lg-3 col-md-12 col-sm-12 form-group form-group {{ $errors->has('tank_owners_id')? 'has-error':''}}" >
                    {!! Form::label('claimReference', 'Claim Reference', [ 'class' => 'w-100 control-label']) !!}
                    {!! Form::text('claimReference', '', ['class' => 'form-control', 'disabled' => 'disabled']) !!}            
                </div>
            </div>
            <div class="row col-lg-12 col-md-12 col-sm-12">
                <div class="col col-lg-2 col-sm-12 col-md-12 form-group openningDate-rule {{ $errors->has('openningDate')? 'has-error':''}} align-self-start ">
                    <label class="w-100 control-label">Openning Date</label>
                    <input class="form-control" name="openningDate" type="date" min="2019-01-01" max="{{date('Y-m-d')}}" value="{{ old('openningDate') }}">            
                </div>
                
                <div class="col col-lg-2 col-sm-12 col-md-12 form-group">
                </div>
                <div class="col col-lg-3 col-md-12 col-sm-12 form-group form-group" >
                    {!! Form::label('clientPerson', 'Client - Person in Charge', [ 'class' => 'w-100 control-label']) !!}
                    {!! Form::text('clientPerson', null, ['class' => 'form-control']) !!}            
                </div> 
                <div class="col col-lg-2 col-md-12 col-sm-12 form-group" >
                    {!! Form::label('agreedAmount', 'Amount Agreed (USD)', [ 'class' => 'w-100 control-label']) !!}
                    {!! Form::number('agreedAmount', null, ['class' => 'form-control', 'step' => '0.01']) !!}            
                </div>
                <div class="col col-lg-3 col-sm-12 col-md-12 form-group closingDate-rule {{ $errors->has('closingDate')? 'has-error':''}} align-self-start ">
                    <label class="w-100 control-label">Closing Date</label>
                    <input class="form-control" name="closingDate" type="date" min="2019-01-01" max="2080-01-01" value="{{ old('closingDate') }}">  
                    <p class="hide textinfo closingDate-date">Closing Date deve ser maior que a Openning Date</p>          
                </div>
            </div>
        </div>
        <span class='sep-line-m12 align-items-center'></span>
        <div class="col col-lg-2 col-md-3 col-sm-3" style="width: 100%; text-align:left; font-family: monospace;">
            <p style="font-size: 12px; margin:0; padding:5px; font-weight:bold;" class="carriers_id">   </p>
            <p style="font-size: 12px; margin:0; padding:5px; font-weight:bold;" class="container_types_id"> </p>
        </div>
        <div class="col col-lg-2 col-md-3 col-sm-3" style="width: 100%; text-align:left; font-family: monospace;">
            <p style="font-size: 12px; margin:0; padding:5px; font-weight:bold;" class="platforms_id">
            <p style="font-size: 12px; margin:0; padding:5px; font-weight:bold;" class="vessel">
        </div>
        <div class="col col-lg-2 col-md-3 col-sm-3" style="width: 100%; text-align:left; font-family: monospace;">
            <p style="font-size: 12px; margin:0; padding:5px; font-weight:bold;" class="voyage">
            <p style="font-size: 12px; margin:0; padding:5px; font-weight:bold;" class="BlDate">
        </div>
        <div class="col col-lg-2 col-md-3 col-sm-3" style="width: 100%; text-align:left; font-family: monospace;">
            <p style="font-size: 12px; margin:0; padding:5px; font-weight:bold;" class="pol">
            <p style="font-size: 12px; margin:0; padding:5px; font-weight:bold;" class="pod">
        </div>
        <div class="col col-lg-2 col-md-3 col-sm-3" style="width: 100%; text-align:left; font-family: monospace;">
            
            <p style="font-size: 12px; margin:0; padding:5px; font-weight:bold;" class="tank_owners_id">
        </div>

        <span class='sep-line-m12 align-items-center'></span>
        <!-- Comments -->
        <div class="col col-lg-12 col-sm-12 col-md-12 form-group" >
            <h3>Claim Description</h3><br>
            <div class="col col-lg-12 col-sm-12 col-md-12 form-group ">
                {!! Form::textarea('claimDescription', null, ['class' => 'form-control', 'id' => 'editor1']) !!}     
            </div>
            <div class="col col-lg-12 col-sm-12 col-md-12 form-group ">
                <h3>Follow Up</h3>
            </div>
            <div class="col col-lg-2 col-sm-12 col-md-12 form-group vgmCutoffDate-rule {{ $errors->has('vgmCutoffDate')? 'has-error':''}} align-self-start ">
                <input class="form-control" name="followUpdate" type="date" min="2019-01-01" max="2080-01-01" value="">            
            </div>
            <div class="col col-lg-12 col-sm-12 col-md-12 form-group ">
                {!! Form::textarea('followDescription', old('followDescription'), ['class' => 'form-control', 'id' => 'editor2', 'rows' => 2]) !!}     
            </div>
        </div>   
        <div class="col col-lg-10 col-sm-10 col-md-10 input-group control-group  increment-attach" id="increment-attach">
            <span id="attach-child">
                <div class="col col-lg-3 col-sm-12 col-md-12 {{ $errors->has('anexo_types_id.0')? 'has-error':''}}">                  
                        {!! Form::select('anexo_types_id[]',[''=>'------ Select Required ------']+$select['anexo_types'], null, ['class' => 'form-control', 'style'=>'height:40px']) !!}                                 
                </div>
                <div class="col col-lg-8 col-sm-12 col-md-12 pb-3 increment " style="padding: 0 0;display: inline-flex;width: 78%;">   
                                
                    <input type="file" name="filename[]" class="form-control" multiple="multiple" style="height:40px;">
                    <input type="hidden" name="attach_qty[]">
                </div>
                <div id='btn_attach_change' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn">
                    <div class="btn btn-attachment attach-success" type="button" style="height:40px;"> 
                        <div class="circleIcon">
                            <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add"> 
                        </div>
                    </div>
                </div>
            </span>
        </div>
        
        <div class="w-100 form-group">
            <div class="col-sm-offset-2 col-sm-10 text-right" style="height:70px;margin-top:50px">
                <button type="submit" class="btn btn-padrao" onclick='submitDisable()'> Save </button>
                <button type="reset" class="btn btn-padrao" onClick="history.go(-1)"> Cancel </button>
            </div>
        </div>
        <br><br>
    </div>
</form>
@include('claim.script')

@endsection