@extends('layouts.app')

@section('breadcrumb')
    <ol class="breadcrumb">
        <li><a href="/">Inicio</a></li>
        <li><a href="{{route('changes.index')}}">Cambio de número de empleado</a></li>
        <li class="active">Detalles</li>
    </ol>
@endsection

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

@section('content')
    <div class="row">
        <div class="col-md-12">
            @if($changes->count())
                <div class="row">
                    <div class="col-md-6">
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                      <th>Número de empleado viejo</th>
                                      <th>Número de empleado nuevo</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($changes as $change)
                                        <tr>
                                            <td>{{$change->old_id}}</td>
                                            <td>{{$change->new_id}}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="col-md-6">
                        @if(!$changef->processed_at)
                        <h2>Acción a tomar</h2>
                        <form method="post" action="{{ route('changes.update', ['id'=>$changef->id]) }}" accept-charset="UTF-8">
                            <input name="_token" type="hidden" value="{{ csrf_token() }}"/>
                            {{ method_field('PUT') }}
                            <div class="form-group">
                                <label for="status">Rechazar o aceptar cambios</label>
                                <div class="radio">
                                    <label>
                                        <input type="radio" name="status" value="accepted" checked>
                                        Aceptar cambios
                                    </label>
                                </div>
                                <div class="radio">
                                    <label>
                                        <input type="radio" name="status" value="rejected">
                                        Rechazar cambios
                                    </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="text-right">
                                    <button type="submit" class="btn btn-default">Guardar cambios</button>
                                </div>
                            </div>
                        </form>
                        @else
                        <h2>Acción tomada</h2>
                        @if($changef->status == 'accepted')
                        <p class="alert alert-success">Los cambios fueron realizados</p>
                        @else
                        <p class="alert alert-warning">No se realizó ningún cambio.</p>
                        @endif
                        @endif
                    </div>
                </div>
            @else
                <p class="alert alert-info"><i class="fa fa-info-circle" aria-hidden="true"></i> No hay cambios definidos en este archivo</p>
            @endif
        </div>
    </div>

@endsection