@extends('layouts.dashboard')

@section('dashboard')

	@if(session('message'))
        <div class="alert alert-success mb-3">
            {{ session('message') }}
        </div>
    @endif
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Entrada de productos</strong></li>
    </ul>
	<div class="row">
		<div class="col-md-auto">
			<h1 class="titulo-h1 mb-4">Entrada de productos</h1>
		</div>
				<div class="col-md-auto">
			<div class="dropdown">
				<button class="btn btn-info btn-sm dropdown-toggle" type="button" id="dropdownMenuButton-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Opciones</button>
				<div class="dropdown-menu" aria-labelledby="dropdownMenuButton-1">
					<a href="{{ route('crear-factura-compra') }}" class="dropdown-item small">Registrar Factura compra</a>
				</div>
			</div>
		</div>
			</div>



	<ul class="nav nav-tabs text-uppercase text-center no-gutters border-bottom" id="myTab" role="tablist">
		<li class="nav-item col-md">
			<a class="nav-link active show" id="info-1-tab" data-toggle="tab" href="#info-1" role="tab" aria-controls="info-1" aria-selected="true">Facturas</a>
		</li>
		<li class="nav-item col-md">
			<a class="nav-link" id="info-2-tab" data-toggle="tab" href="#info-2" role="tab" aria-controls="info-2" aria-selected="false">Guias de despacho</a>
		</li>
	</ul>
	<div class="tab-content" id="myTabContent">
		<div class="tab-pane fade active show" id="info-1" role="tabpanel" aria-labelledby="info-1-tab">
			<div class="card">
				<div class="card-body">
					<table class="table table-hover">
						<thead>
							<tr>
								<th>Fecha Factura</th>
								<th>Razon social</th>
								<th>Rut proveedor</th>
								<th>N° Documento</th>
								<th>Cantidad</th>
								<th>Monto Total</th>
								<th>Estado</th>
								<th></th>
							</tr>
						</thead>
						<tbody>
							@include('dashboard.dte.table-factura')
						</tbody>
					</table>
        		</div>
    		</div>
		</div>

		<div class="tab-pane fade" id="info-2" role="tabpanel" aria-labelledby="info-2-tab">
			<div class="card">
				<div class="card-body">
					<table class="table table-hover">
						<thead>
							<tr>
								<th>Fecha Guia</th>
								<th>N° Documento</th>
								<th>Cantidad Productos</th>
								<th>Estado</th>
								<th></th>
							</tr>
						</thead>
						<tbody>
							@include('dashboard.dte.table-guia-despacho')
						</tbody>
					</table>
	        	</div>
	    	</div>
		</div>
	</div>

@endsection