@extends('layouts.adminpages')

@section('content')
<div class="content row">
  <div class="col-md-12">
    <div class="title-page">
      Ventas
    </div>
  </div>
  <div class="col-md-12">
    <br>
    <div class="row">
      <div class="col-md-4">
        <form class="row" action="{{url('sales')}}" method="get">
          <div class="col-md-10 form-group">
            <input type="text" name="search" placeholder="Nombre, correo o cedula" class="form-control">
          </div>
          <div class="col-md-1">
            <button type="submit" class="btn btn-success"> <i class="fa fa-search"></i> </button>
          </div>
        </form>
      </div>
      <div class="col-md-8 text-right">
        <button data-toggle="modal" class="btn btn-success" data-target="#upload"> <i class="fa fa-upload"></i> Subir</button>
      </div>
    </div>
  </div>
  <div class="col-md-12 text-center">
    @if (session('status'))
        <div class="alert alert-info">
            {{ session('status') }}
        </div>
    @endif
  </div>
	<div class="col-md-12 text-center">
		@if($errors->all())
			<div class="alert alert-warning">
				@foreach ($errors->all() as $error)
					<p>
						<span class="help-block">
							<strong>{{ $error }}</strong>
						</span>
					</p>
				@endforeach
			</div>
		@endif
	</div>
  <div class="col-md-12 text-center">
    <div class="table-responsive">
      <table class="table">
        <thead>
          <tr>
            <th>Nombre</th>
            <th>Cantidad</th>
            <th>Subtotal</th>
          </tr>
        </thead>
        <tbody>
          @foreach($products as $item)
            <tr>
              <td>{{$item->productId($item->product_id)->name}}</td>
              <td>{{$item->quantity}}</td>
              <td>{{$item->subtotal}}</td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
  <div class="col-md-12 text-center">
    <div class="pag-prize">
        {{$products->links()}}
    </div>
  </div>
  <div class="col-md-12">
    <div class="footer-page"></div>
  </div>
</div>

<!-- Modal upload -->
<div id="upload" class="modal fade" role="dialog">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Subir Usuarios</h5>
      </div>
      <form action="{{url('sales')}}" method="POST" enctype="multipart/form-data">
          {{ csrf_field() }}
          <div class="modal-body">
            <div class="form-group {{ $errors->has('group_id') ? 'has-error' : '' }}">
              <label for="name">Archivo<span>*</span></label>
              <input type="file" name="excel" class="form-control">
            </div>
            <div class="text-center">
              <p> Descargar archivo base <a href="{{asset('excels/upload_sales.xlsx')}}">aqui</a>. </p>
            </div>
          </div>
          <div class="modal-footer">
            <div class="form-group">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
              <button type="submit" class="btn btn-success">Guardar</button>
            </div>
          </div>
      </form>
      </div>
    </div>
  </div>
</div>
<!-- Modal end -->
@endsection