@extends('layouts.authenticated')

@section('extracss')
    <link rel="stylesheet" href="{{ asset('css/vendors/css/pickers/pickadate/pickadate.css') }}">
@endsection

@section('extrajs')
    <script src="{{ asset('js/vendors/js/pickers/pickadate/picker.js') }}"></script>
    <script src="{{ asset('js/vendors/js/pickers/pickadate/picker.date.js') }}"></script>
    <script src="{{ asset('js/vendors/js/pickers/pickadate/picker.time.js') }}"></script>
    <script src="{{ asset('js/js/scripts/pickers/dateTime/pick-a-datetime.js') }}"></script>
    <script src="{{ asset('js/jquery.maskMoney.min.js') }}"></script>
    <script src="{{ asset('js/jquery.mask.min.js') }}"></script>
@endsection

@section('content')
<div class="container">
	<div class="row justify-content-md-center">
        <div class="col-md-8 col-12">
        	
        	<div class="card">
        		<div class="card-header">
                    <h4 class="card-title">Criar boleto [ {{ Session::get('cnpjformatado') }} ]</h4>
                </div>
        		<div class="card-content">
        			<div class="card-body">
        				<br>
			        	<form action="{{ url('/clientes/boletos/criar') }}" method="POST" onsubmit="return validaForm()">
			        		@csrf

			                <div class="form-body">
			                    <div class="row">
			                    	<div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Nome do Pagador</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="CustomerName" name="CustomerName" value="{{ $contact->customername }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>CPF/CNPJ do Pagador</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="CustomerTaxNumber" name="CustomerTaxNumber" value="{{ $contact->customertaxnumber }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>E-mail do Pagador</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="CustomerMail" name="CustomerMail"  value="{{ $contact->customermail }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Telefone do Pagador</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="CustomerPhone" name="CustomerPhone"  value="{{ $contact->customerphone }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>CPF/CNPJ</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="SupplierTaxNumber" name="SupplierTaxNumber" value="{{ formataCNPJ(Session::get('cnpj')) }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Nome</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="SupplierFullName" name="SupplierFullName" value="{{ $client->name }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Nome fantasia ou Razão social</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="SupplierTradingName" name="SupplierTradingName"  value="{{ $client->nickname }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Razão social ou nome</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="SupplierLegalName" name="SupplierLegalName"  value="{{ $client->nickname }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Email</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="SupplierMail" name="SupplierMail"  value="{{ $client->mail }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Telefone</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="SupplierPhone" name="SupplierPhone"  value="{{ $client->phone }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Endereço</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="AddressLine1" name="AddressLine1" placeholder="" value="{{ $contact->addressline1 }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Complemento</span>&nbsp;&nbsp;&nbsp;<span class="badge badge-info badge-sm">Opcional</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="AddressLine2" name="AddressLine2" placeholder="" value="{{ $contact->addressline2 }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Bairro</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="Neighborhood" name="Neighborhood" placeholder="" value="{{ $contact->neighborhood }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Cidade</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="City" name="City" placeholder="" value="{{ $contact->city }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Estado</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="State" name="State" placeholder="" value="{{ $contact->state }}">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>CEP</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="ZipCode" name="ZipCode" placeholder="" value="{{ $contact->zipcode }}">
						                    </div>
						                </div>
						            </div>
						            <div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Email para envio</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="MailToSend" name="MailToSend"  value="{{ $contact->customermail }}">
						                    </div>
						                </div>
						            </div>
						            <div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Telefone para envio</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="PhoneToSend" name="PhoneToSend"  value="{{ $contact->customerphone }}">
						                    </div>
						                </div>
						            </div>
						            <div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Número externo</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="ExternalNumber" name="ExternalNumber" placeholder="Número de identificação de venda/pedido no sistema externo.">
						                    </div>
						                </div>
						            </div>
						            <div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Identificador</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="Identifier" name="Identifier" placeholder="Identificador do boleto no sistema externo.">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Comentário</span>&nbsp;&nbsp;&nbsp;<span class="badge badge-info badge-sm">Opcional</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="Comments" name="Comments" placeholder="">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Vencimento</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="DueDate" name="DueDate" placeholder="">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Valor total</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="TotalValue" name="TotalValue" placeholder="">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Data início multa</span>&nbsp;&nbsp;&nbsp;<span class="badge badge-info badge-sm">Opcional</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="FineDate" name="FineDate" placeholder="Data de Inicio para cobrança de multa">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Percentual de multa</span>&nbsp;&nbsp;&nbsp;<span class="badge badge-info badge-sm">Opcional</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="FinePercent" name="FinePercent" placeholder="Valor percentual da Multa.">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Valor da Multa</span>&nbsp;&nbsp;&nbsp;<span class="badge badge-info badge-sm">Opcional</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="FineValue" name="FineValue" placeholder="">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Valor da porcentagem(% de juros)</span>&nbsp;&nbsp;&nbsp;<span class="badge badge-info badge-sm">Opcional</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="InterestPercent" name="InterestPercent" placeholder="">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Valor de juros</span>&nbsp;&nbsp;&nbsp;<span class="badge badge-info badge-sm">Opcional</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="InterestValue" name="InterestValue" placeholder="">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Data de inicio para desconto</span>&nbsp;&nbsp;&nbsp;<span class="badge badge-info badge-sm">Opcional</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="DiscountDate" name="DiscountDate" placeholder="">
						                    </div>
						                </div>
						            </div><div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Valor de desconto</span>&nbsp;&nbsp;&nbsp;<span class="badge badge-info badge-sm">Opcional</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="DiscountValue" name="DiscountValue" placeholder="">
						                    </div>
						                </div>
						            </div>
						            <div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Valor de abatimento</span>&nbsp;&nbsp;&nbsp;<span class="badge badge-info badge-sm">Opcional</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="RebateValue" name="RebateValue" placeholder="">
						                    </div>
						                </div>
						            </div>
						            
			                    </div>

			                	<div class="divider divider-light">
	                                <div class="divider-text">Produto/serviço (campos obrigatórios)</div>
	                            </div>

        						<div class="row">
        							<input type="hidden" name="SellerPersonType" value="1">
        							<input type="hidden" name="SellerName" value="{{ $client->name }}">
        							<input type="hidden" name="SellerTaxNumber" value="{{ $client->taxnumber }}">
        							<input type="hidden" name="ReceiverPersonType" value="1">
        							<input type="hidden" name="ReceiverName" value="{{ $client->name }}">
        							<input type="hidden" name="ReceiverTaxNumber" value="{{ $client->taxnumber }}">
        							<input type="hidden" name="ProductRateValueToTransfer" value="0">

        							<div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Referência</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="Reference" name="Reference" placeholder="">
						                    </div>
						                </div>
						            </div>
						            <div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Código produto</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="ProductCode" name="ProductCode" placeholder="">
						                    </div>
						                </div>
						            </div>
						            <div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Nome produto/serviço</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="ProductName" name="ProductName" placeholder="">
						                    </div>
						                </div>
						            </div>
						            <div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Quantidade</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="ProductQty" name="ProductQty" placeholder="">
						                    </div>
						                </div>
						            </div>
						            <div class="col-12">
						                <div class="form-group row">
						                    <div class="col-md-4">
						                        <span>Valor do produto/serviço</span>
						                    </div>
						                    <div class="col-md-8">
						                        <input type="text" class="form-control" id="ProductValue" name="ProductValue" placeholder="">
						                    </div>
						                </div>
						            </div>
        						</div>



	                            <div class="col-md-8 offset-md-4">
		                        	<button type="reset" class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light">Limpar</button>
		                            <button type="submit" class="btn btn-primary mr-1 mb-1 waves-effect waves-light">Gerar boleto</button>
		                        </div>


			                </div>

			                



			            </form>

					</div>
				</div>
			</div>
		</div>
	</div>

</div>

@endsection

@section('inlinejs')
	<script type="text/javascript">
		$(function() {
		    $('#TotalValue, #FinePercent, #FineValue, #InterestPercent, #InterestValue, #DiscountValue, #RebateValue, #ProductValue').maskMoney({
		    	prefix:'', 
		    	allowNegative: false, 
		    	thousands:'.', 
		    	decimal:',', 
		    	affixesStay: false
		    });
		});

		var pickerOpt = {
            monthsFull: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
            monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
            weekdaysFull: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
            weekdaysShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
            today: 'Hoje',
            clear: 'Limpar',
            close: 'Fechar',
            labelMonthNext: 'Mês seg.',
            labelMonthPrev: 'Mês ant.',
            labelMonthSelect: 'Selecione um mês',
            labelYearSelect: 'Selecione um ano',
            format: 'dd/mm/yyyy',
            // formatSubmit: 'yyyy/mm/dd',
        };


        $('#DueDate, #FineDate, #DiscountDate').pickadate(pickerOpt);
        
        function validaForm() {
           
            if( 
            	$("#CustomerName").val() =='' || 
				$("#CustomerTaxNumber").val() =='' || 
				$("#CustomerMail").val() =='' || 
				$("#CustomerPhone").val() =='' || 
				$("#SupplierTaxNumber").val() =='' || 
				$("#SupplierFullName").val() =='' || 
				$("#SupplierTradingName").val() =='' || 
				$("#SupplierLegalName").val() =='' || 
				$("#SupplierMail").val() =='' || 
				$("#SupplierPhone").val() =='' || 
				$("#AddressLine1").val() =='' || 
				$("#Neighborhood").val() =='' || 
				$("#City").val() =='' || 
				$("#State").val() =='' || 
				$("#ZipCode").val() =='' || 
				$("#MailToSend").val() =='' || 
				$("#PhoneToSend").val() =='' || 
				$("#ExternalNumber").val() =='' || 
				$("#Identifier").val() =='' || 
				$("#DueDate").val() =='' || 
				$("#TotalValue").val() =='' ||
				$("#Reference").val() =='' ||
				$("#ProductCode").val() =='' ||
				$("#ProductName").val() =='' ||
				$("#ProductQty").val() =='' ||
				$("#ProductValue").val() ==''
            	) {
            	alert('Verifique os campos obrigatórios');
            	return false;
            }

            return true;
        }

        var options = {
	        onKeyPress: function (cpf, ev, el, op) {
	            var masks = ['000.000.000-000', '00.000.000/0000-00'];
	            $('#CustomerTaxNumber').mask((cpf.length > 14) ? masks[1] : masks[0], op);
	        }
	    }

	    $('#CustomerTaxNumber').length > 11 ? $('#CustomerTaxNumber').mask('00.000.000/0000-00', options) : $('#CustomerTaxNumber').mask('000.000.000-00#', options);

	    $('#CustomerPhone').mask('#');
	    $('#SupplierPhone').mask('#');
	    $('#ZipCode').mask('#');
	    $('#ProductQty').mask('#');
	</script>
@endsection