@extends('layouts.app')

@section('breadcrumb')
    <ol class="breadcrumb">
        <li><a href="/">Inicio</a></li>
        <li class="active">Cambio de número de empleado</li>
    </ol>
@endsection

@section('header')
    <div class="page-header mt-10">
        <h1><i class="fa fa-th-list" aria-hidden="true"></i> Cambio de número de empleado</h1>

        <div class="btn-toolbar text-right">
            <a class="btn btn-success btn-outline" href="{{ route('changes.upload') }}"><i class="fa fa-plus-circle" aria-hidden="true"></i> Importar archivo</a>
        </div>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            @if($changes->count())
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                              <th>Fecha de creación</th>
                              <th>Estado</th>
                              <th style="min-width: 280px;">Acciones</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach($changes as $change)
                                <tr>
                                    <td>{{$change->created_at}}</td>
                                    <td>
                                    @if($change->processed_at)
                                        @if($change->status == 'accepted')
                                        <span class="label label-default">Cambios realizados</span>
                                        @else
                                        <span class="label label-default">Cambios cancelados</span>
                                        @endif
                                    @else
                                    <span class="label label-default">Sin procesar</span>
                                    @endif
                                    </td>
                                    <td>
                                        <a class="btn btn-sm btn-default" href="{{route('changes.show', ['id'=>$change->id])}}"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Ver detalles</a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                {!! $changes->render() !!}
            @else
                <p class="alert alert-info"><i class="fa fa-info-circle" aria-hidden="true"></i> No hay archivos de cambios actualmente</p>
            @endif
        </div>
    </div>

@endsection