@extends('layouts.admin')
@section('styles')
<link rel="stylesheet" href="{{asset('plugins/slim-select/slimselect.min.css') }}">
@endsection

@section('content')
<div class="container-fluid">

  <div class="row">
    <div class="col">
      <div class="card">

        <div class="card-body">
          <h4 class="display-4 text-uppercase">reporte material de trabajo</h4>
        </div>
      </div>
    </div>
  </div>

  <div class="row mt-3">

    <div class="col-md-3">
      <div class="card">
        <div class="card-header">
          MATERIAL DE TRABAJO
        </div>
        <div class="card-body">
          <h4 class="card-title">ADMINISTRADOR </h4>
          <p class="card-text">Retorna los materiales registrados</p>
        </div>
        <div class="card-footer text-muted">
          <a class="btn btn-primary" href="{{route('material.material_reporst')}}"><i class="fa fa-print" aria-hidden="true"></i></a>
        </div>
      </div>
    </div>

    <div class="col-md-3">
      <div class="card">
        <div class="card-header">
          MATERIAL DE TRABAJO
        </div>
        <div class="card-body">
          <h4 class="card-title">COLABORADOR </h4>
          <p class="card-text">Retorna los materiales registrados</p>
        </div>
        <div class="card-footer text-muted">
          <a class="btn btn-primary" href="{{route('material.material_report_colaborador')}}"><i class="fa fa-print" aria-hidden="true"></i></a>
        </div>
      </div>
    </div>

    <div class="col-md-3">
      <div class="card">
        <div class="card-header">
          MATERIAL DE TRABAJO SALIDAS
        </div>
        <div class="card-body">
          <h4 class="card-title">ADMINISTRADOS </h4>
          <p class="card-text">Retorna los materiales con fechas de salida de ventas</p>
        </div>
        <div class="card-footer text-muted">
          <form action="{{route('material.material_report_salidas')}}" method="get">
            <div class="form-group">
              <label for="">INICIO: </label>
              <input type="date" name="inicio" class="form-control">
            </div>
            <div class="form-group">
              <label for="">FIN: </label>
              <input type="date" name="fin" class="form-control">
            </div>
            <button type="submit" class="btn btn-primary" href="{{route('material.material_report_colaborador')}}"><i class="fa fa-print" aria-hidden="true"></i></button>
          </form>
        </div>
      </div>
    </div>


  </div>


</div>

@endsection



@section('scripts')
<script src="{{asset('plugins/slim-select/slimselect.min.js') }}"></script>
<script>
  setTimeout(function() {
    new SlimSelect({
      select: '#articulo',
      placeholder: 'Select Permissions',
      deselectLabel: '<span>&times;</span>',
      hideSelectedOption: true,
    })
  }, 300);
</script>

@endsection