@extends('layouts.app')

@section('style')

		<!-- Internal Chart-Morris css-->
        <link href="{{URL::asset('assets/plugins/morris.js/morris.css')}}" rel="stylesheet">

		<!-- Internal Nice-select css  -->
		<link href="{{URL::asset('assets/plugins/jquery-nice-select/css/nice-select.css')}}" rel="stylesheet"/>

		<!-- Internal News-Ticker css-->
		<link href="{{URL::asset('assets/plugins/flag-icon-css/css/flag-icon.min.css')}}" rel="stylesheet">

		<!-- Jquery-countdown css-->
		<link href="{{URL::asset('assets/plugins/jquery-countdown/countdown.css')}}" rel="stylesheet">

		<!-- Internal News-Ticker css-->
        <link href="{{URL::asset('assets/plugins/newsticker/jquery.jConveyorTicker.css')}}" rel="stylesheet" />

@endsection

@section('content')
                <div class="text-center">
                    <h3 class="content-title mb-2 mt-4 pb-2 titulo-principal">Impuestos del Periodo</h3>
                    <p class="text-muted mb-0">Cálculo de impuestos del periodo.</p>
                </div>
                <div class="row mt-3 mb-4 justify-space-between">
					<div class="col-12 text-left">
						<div class="main-content-label mg-b-5">
                            Periodo: Enero - Febrero 2021
                        </div>
					</div>
                </div>
                <div class="row">
                    <div class="col-12 mb-4">
                        <label class="ckbox"><input type="checkbox"><span>Solicito generar línea de captura para pago de impuestos.</span></label>
                    </div>
                </div>
				<div class="row mt-3 mb-4">
					<div class="col-12">
						<div class=" btn-primary text-center py-3">
							<h4 class="mb-0">Resumen de cálculo de impuestos</h4>
						</div>
						<div class="card mg-b-md-20">
							<div class="card-body">
								<div class="row">
                                    <div class="col-md-6">
                                        <div class="table-responsive">
                                            <table class="table text-md-nowrap table-bordered" id="example1">
                                                <thead>
                                                    <tr class="text-center">
                                                        <th class="wd-15p border-bottom-0"><h5 class="text-dark">Concepto</h5></th>
                                                        <th class="wd-15p border-bottom-0"><h5 class="text-dark">Monto</h5></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr class="text-center">
                                                        <td><h6>Ingresos Cobrados</h6></td>
                                                        <td><h6>$ 25,000.00</h6></td>
                                                    </tr>
                                                    <tr class="text-center">
                                                        <td><h6>Gastos Deducibles</h6></td>
                                                        <td><h6>$ 1,300.00</h6></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6 text-center">
                                                <button class="btn btn-primary btn-block mt-2 mt-xl-0 font-700">Estoy de acuerdo con la determinación del impuesto</button>
                                            </div>
                                            <div class="col-md-6 text-center">
                                                <button class="btn btn-primary btn-block mt-2 mt-xl-0 font-700">Deseo revisar nuevamente mi información</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-1"></div>
                                    <div class="col-md-4 align-self-center">
                                        <div>
                                            <h2>Una vez aprobado su cálculo y haber solicitado la línea se cargará el acuse de presentación de sus impuestos.</h2>
                                        </div>
                                    </div>
                                    <div class="col-md-1"></div>
                                </div>
							</div>
						</div>
					</div>
                </div>
@endsection

@section('script')

		<!-- Datepicker js -->
        <script src="{{URL::asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js')}}"></script>

		<!--Chart bundle min js -->
		<script src="{{URL::asset('assets/plugins/chart.js/Chart.bundle.min.js')}}"></script>
		<script src="{{URL::asset('assets/plugins/raphael/raphael.min.js')}}"></script>
		<script src="{{URL::asset('assets/plugins/peity/jquery.peity.min.js')}}"></script>

		<!-- JQuery sparkline js -->
		<script src="{{URL::asset('assets/plugins/jquery-sparkline/jquery.sparkline.min.js')}}"></script>

		<!-- Sampledata js -->
		<script src="{{URL::asset('assets/js/chart.flot.sampledata.js')}}"></script>

		<!-- Perfect-scrollbar js -->
		<script src="{{URL::asset('assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js')}}"></script>
		<script src="{{URL::asset('assets/plugins/perfect-scrollbar/p-scroll.js')}}"></script>

		<!-- Internal  Flot js-->
		<script src="{{URL::asset('assets/plugins/jquery.flot/jquery.flot.js')}}"></script>
		<script src="{{URL::asset('assets/plugins/jquery.flot/jquery.flot.pie.js')}}"></script>
		<script src="{{URL::asset('assets/plugins/jquery.flot/jquery.flot.categories.js')}}"></script>
		<script src="{{URL::asset('assets/js/dashboard.sampledata.js')}}"></script>
		<script src="{{URL::asset('assets/js/chart.flot.sampledata.js')}}"></script>

		<!-- Internal Newsticker js-->
		<script src="{{URL::asset('assets/plugins/newsticker/jquery.jConveyorTicker.js')}}"></script>
        <script src="{{URL::asset('assets/js/newsticker.js')}}"></script>

		<!-- Internal Nice-select js-->
		<script src="{{URL::asset('assets/plugins/jquery-nice-select/js/jquery.nice-select.js')}}"></script>
        <script src="{{URL::asset('assets/plugins/jquery-nice-select/js/nice-select.js')}}"></script>

		<!-- index js -->
		<script src="{{URL::asset('assets/js/dashboard.js')}}"></script>
		

@endsection