@extends('layouts.admin')
@section('title','Panel administrador')
@section('styles')
<style type="text/css">
    .unstyled-button {
        border: none;
        padding: 0;
        background: none;
    }

</style>
@endsection
@section('options')
@endsection
@section('preference')
@endsection
@section('content')
<div class="content-wrapper" style="background-image: url('{{asset('melody/images/mapa1.jpg')}}');">
    <div class="page-header">
        <h3 class="page-title" style="color: white">
            HOME
        </h3>
    </div>

    
    <div class="table-responsive">
        <table id="order-listing" class="table table-dark">
            <thead>
                <tr>
                    <th>Id</th>
                    <th>Grado y Nombre</th>
                    <th>CI</th>
                    <th>CM</th>
                    <th>Tipo de Sangre</th>
                    <th>Celular</th>
                    <th>Años de Servicio</th>
                    <th>Dias de Vacación</th>
                    <th>Vacación Total</th>
                    <th>Destino</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($personas as $persona)
                <tr>
                    <th scope="row">{{$persona->id}}</th>
                    <td>{{$persona->grado}} {{$persona->especialidad}} {{$persona->nombres}} {{$persona->paterno}} {{$persona->materno}}</a>
                    </td>
                    <td>{{$persona->ci}}</td>
                    <td>{{$persona->cm}}</td>
                    <td>{{$persona->sangre}}</td>
                    <td>{{$persona->cel}}</td>
                    <td>{{$persona->servicio}}</td>
                    <td>{{$persona->vacacion}}</td>
                    <td>{{$persona->vactotal}}</td>
                    <td>{{$persona->unidad->nombre}}</td>
                    <td style="width: 50px;"> </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
  

    

    
</div>
@endsection
@section('scripts')
{!! Html::script('melody/js/data-table.js') !!}
{!! Html::script('melody/js/chart.js') !!}


@endsection