File: /var/www/vhost/disk-apps/teamdemo.sports-crowd.com/resources/views/academy/payments/pay.blade.php
@extends('modules.head')
@section('contenido')
<link rel="stylesheet" href="{{ asset('js/timepicker/bootstrap-timepicker.min.css') }}" />
<style>
.icon-rtl {
padding-right: 25px;
background: url("https://img.icons8.com/metro/512/percentage2--v1.png") no-repeat right;
background-size: 20px;
}
.price {
font-weight: bold;
font-size: 24px;
}
</style>
<h3>
@if(isset($type) && $type == 'purchases')
<a class="ruta" class="" href="{{ url('/academy_purchase') }}">{{ Lang::get('messages.academy_purchases.title_list') }} </a>
<span class="separador-ruta">|</span>
<a class="ruta" class="" href="{{url('/academy_purchase/pay/'.$academy_payment->id) }}"> {{ Lang::get('messages.academy_payments.titlePay') }} </a>
@else
<a class="ruta" class="" href="{{ url('/academy_user') }}">{{ Lang::get('messages.academy_users.title') }} </a>
<span class="separador-ruta">|</span>
<a class="ruta" class="" href="{{url('/academy_user_payment/'.$academy_payment->academy_user_id) }}">{{ Lang::get('messages.academy_payments.title') }} </a>
<span class="separador-ruta">|</span>
<a class="ruta" class="" href="{{url('/academy_user_payment/pay/'.$academy_payment->id) }}"> {{ Lang::get('messages.academy_payments.titlePay') }} </a>
@endif
</h3>
<div class="box">
<div class="box-header with-border">
<h3 class="box-title">{{ Lang::get('messages.academy_payments.titlePay') }} de ➜ {{ $academy_payment->term }}
</h3>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
{{-- @include('flash::message') --}}
<form role="form" id="pay" data-toggle="validator">
<div class="row">
<div class="col-4 col-md-4">
<div class="form-group">
<label for="user">{{ Lang::get('messages.academy_users.tag1-1')}}</label>
<input type="text" pattern="[a-zA-Z ]{2,254}" class="form-control" maxlength="45" name="user" value="{{ isset($academy_payment->user) && $academy_payment->user->first_name }} {{ isset($academy_payment->user) && $academy_payment->user->last_name }}" disabled>
</div>
</div>
<div class="col-4 col-md-4">
<div class="form-group">
<label for="user_name">{{ Lang::get('messages.academy_users.tag2-1')}}</label>
<input type="text" pattern="[a-zA-Z ]{2,254}" class="form-control" maxlength="45" name="user_name" value="{{ $academy_payment->academy_user->student_name . ' ' . $academy_payment->academy_user->student_last_name }}" disabled>
</div>
</div>
<div class="col-4 col-md-4">
<div class="form-group">
<label for="term_type">{{ Lang::get('messages.academy_payments.tag4')}}</label>
<input type="text" pattern="[a-zA-Z ]{2,254}" class="form-control" id="term_type" name="term_type" value="{{ $academy_payment->term_type }}" disabled>
</div>
</div>
</div>
<div class="row">
@if($academy_payment->academy_price)
<div class="col-2 col-md-2">
<div class="form-group">
<label for="price_payment">{{ Lang::get('messages.academy_payments.tag5')}}</label>
<input type="number" class="form-control" maxlength="45" name="price_payment" value="{{ $academy_payment->academy_price }}" disabled>
</div>
</div>
@else
<div class="col-2 col-md-2">
<div class="form-group">
<label for="price_payment">{{ Lang::get('messages.academy_payments.tag5')}}</label>
<input type="number" class="form-control" maxlength="45" name="price_payment" value="{{ $academy_payment->monthly_academy_price }}" disabled>
</div>
</div>
@endif
<div class="col-2 col-md-2">
<div class="form-group">
<label for="price_discount">{{ Lang::get('messages.academy_payments.tag17-1') }}</label>
<input type="number" class="form-control" maxlength="45" name="price_discount" value="{{ $academy_payment->price_discount }}" disabled>
</div>
</div>
<div class="col-4 col-md-4">
<div class="form-group">
<label for="discount">{{ Lang::get('messages.academy_payments.tag17-2')}}</label>
<input type="text" class="form-control icon-rtl" maxlength="45" min="0" max="100" name="discount" value="{{ $academy_payment->discount }}" disabled>
</div>
</div>
<div class="col-4 col-md-4">
<div class="form-group">
<label for="price">{{ Lang::get('messages.academy_payments.tag18-3')}}</label>
<input type="text" class="form-control price" maxlength="45" name="price" value="{{ $academy_payment->price }}" disabled>
</div>
</div>
</div>
<div class="row">
<div class="col-4 col-md-4">
<div class="form-group">
<label for="term">{{ Lang::get('messages.academy_payments.tag6')}}</label>
<input type="text" class="form-control" maxlength="45" name="term" value="{{ $academy_payment->term }}" disabled>
</div>
</div>
<div class="col-4 col-md-2">
<div class="form-group">
<label for="start_term">{{ Lang::get('messages.academy_payments.tag7')}}</label>
<input type="date" class="form-control" maxlength="45" name="start_term" value="{{ $academy_payment->start_term }}" disabled>
</div>
</div>
<div class="col-4 col-md-2">
<div class="form-group">
<label for="end_term">{{ Lang::get('messages.academy_payments.tag8')}}</label>
<input type="date" class="form-control" maxlength="45" name="end_term" value="{{ $academy_payment->end_term }}" disabled>
</div>
</div>
<div class="col-4 col-md-2">
<div class="form-group">
<label for="payment_activation">{{ Lang::get('messages.academy_payments.tag22')}}</label>
<input type="date" class="form-control" maxlength="45" name="payment_activation" value="{{ $academy_payment->payment_activation }}" disabled>
</div>
</div>
<div class="col-4 col-md-2">
<div class="form-group">
<label for="payment_due_date">{{ Lang::get('messages.academy_payments.tag23')}}</label>
<input type="date" class="form-control" maxlength="45" name="payment_due_date" value="{{ $academy_payment->payment_due_date }}" disabled>
</div>
</div>
</div>
<div class="row">
<div class="col-4 col-md-4">
<div class="form-group">
<label for="payment_reference">{{ Lang::get('messages.academy_payments.tag9-1')}}</label>
<input type="text" class="form-control" name="payment_reference" value="{{ $academy_payment->payment_reference }}" disabled>
</div>
</div>
<div class="col-4 col-md-2">
<div class="form-group">
<label for="pin">{{ Lang::get('messages.academy_payments.tag12')}}</label>
<input type="text" class="form-control" maxlength="45" name="pin" value="{{ $academy_payment->pin }}" disabled>
</div>
</div>
<div class="col-4 col-md-2">
<div class="form-group">
<label for="payment_state">{{ Lang::get('messages.academy_payments.tag10')}}</label>
<select class="form-control" name="state_payment" value="{{ $academy_payment->payment_state }}" required>
<option value="PENDING" @if($academy_payment->payment_state == 'PENDING') selected='selected' @endif>Pendiente</option>
<option value="CONFIRMED" @if($academy_payment->payment_state == 'CONFIRMED') selected='selected' @endif>Confirmado</option>
</select>
</div>
</div>
<div class="col-4 col-md-4">
<div class="form-group">
<label for="payment_comment">{{ Lang::get('messages.academy_payments.tag11')}}</label>
<input type="text" class="form-control" maxlength="190" name="payment_comment" value="{{ $academy_payment->payment_comment }}" required>
</div>
</div>
</div>
<div class="row">
<div class="col-4 col-md-4">
<div class="form-group">
<label for="document">{{ Lang::get('messages.academy_payments.tag15') }} </label>
<input type="file" id="document" name="document">
</div>
</div>
<div class="col-4 col-md-4">
<div class="form-group">
<label for="start_date">{{ Lang::get('messages.academy_payments.tag13')}}</label>
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" value="" name="start_date" class="form-control pull-right" autocomplete="off" required>
</div>
</div>
</div>
<div class="col-4 col-md-4">
<div class="bootstrap-timepicker">
<div class="form-group">
<label for="start_time">{{ Lang::get('messages.academy_payments.tag14')}}</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-clock-o"></i>
</div>
<input type="text" class="form-control timepicker" name="start_time" required>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-4 col-md-4">
<div class="form-group">
<label for="payment_method_id"> {{ Lang::get('messages.academy_payments.tag24')}}</label>
<select class="form-control" name="payment_method_id" value="">
<option value="" disabled {{isset($academy_payment->payment_method_id) ? '' : 'selected'}}>
@lang('messages.select')
</option>
@foreach ($paymentMethods as $paymentMethod)
<option value="{{ $paymentMethod->id }}" {{ isset($academy_payment) && isset($academy_payment->payment_transaction) && $paymentMethod->id == $academy_payment->payment_transaction->payment_method_id ? 'selected' : '' }}>{{ $paymentMethod->name }}</option>
@endforeach
</select>
</div>
</div>
</div>
@if (isset($type) && $type == 'purchases')
<button onClick="purchase('{{ $academy_payment->academy_user->type_academy }}')" id="btnPay"
data-id="{{ $academy_payment->id }}" class="btn btnBox pull-right">
{{ Lang::get('messages.academy_payments.buttonOk') }}
</button>
@else
<button onClick="payUserAcademy('{{ $academy_payment->academy_user->type_academy }}')" id="btnPay"
data-id="{{ $academy_payment->id }}" class="btn btnBox pull-right">
{{ Lang::get('messages.academy_payments.buttonOk') }}
</button>
@endif
<button onClick="window.history.go(-1); return false;" class="btn btnCancel pull-right">
{{ Lang::get('messages.academy_payments.buttonCancel') }}</button>
{{ csrf_field() }}
<input type="hidden" name="academy_user_id" value="{{ $academy_payment->academy_user_id }}">
</form>
</div>
</div>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/academy_user_payment.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/academy_purchases.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/datetimepicker/moment.min.js') }}"></script>
<script src="{{ asset('js/datetimepicker/bootstrap-datetimepicker.min.js') }}"></script>
<script src="{{ asset('js/timepicker/bootstrap-timepicker.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function() {
$("input[name='date']").datepicker();
$('.timepicker').timepicker({
showInputs: false
});
$('#time').val('');
$("input[name='start_date']").datepicker({
dateFormat: 'yyyy-mm-dd'
});
});
function convertTime12to24(time12h) {
const [time, modifier] = time12h.split(" ");
let [hours, minutes] = time.split(":");
if (hours === "12") {
hours = "00";
}
if (modifier === "PM") {
hours = parseInt(hours, 10) + 12;
}
return hours + ":" + minutes;
}
</script>
@endsection