@extends('layouts.hh')

@section('title', 'Procesos de Selección')

@section('content')
<div class="card">
    <div class="card-body">

        @if (session('status'))
        <div class="alert alert-success" role="alert">
            {{ session('status') }}
        </div>
        @endif
        @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif

        <h1>
            {{ $job->title }} <br>
        </h1>

        @if($job->closing_comment)
        <div class="card-body">
            <div class="alert alert-danger" role="alert">
                <strong>STATUS: {{ $job->status }}</strong>
                <br>
                Comentario del cierre: {{$job->closing_comment}}
            </div>
        </div>
        @endif
        <small class="lead text-muted ">Fecha de publicación:
            <span class="text-capitalize">
                {{ Carbon::parse($job->created_at)->format('l, j \d\e F Y') }}
            </span>
        </small>
        <br>
        <br>
        <p class="text-justify">
            {!! $job->description !!}
        </p>

        @if (!$job->hide_business)

        <div class="card mb-5 bg-light">
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-9">
                        <h5 class="card-title">
                            {{ $job->business->name }}
                        </h5>
                        <h6 class="card-subtitle mb-2 text-muted">{{ $job->business->heading->name}}</h6>
                        <p class="card-text">{{ $job->business->description }}</p>
                    </div>
                    <div class="col-sm-3 text-center">
                        <a href="#" class="text-decoration-none">
                            <h1 class="display-4">{{ $job->business->jobs->count() }}</h1>
                            <p>Procesos activos</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        @endif


        <div class="row">
            <div class="col-sm-3 text-center">
                <div class="card">
                    <div class="card-body">
                        <p>Postulantes</p>
                        <span class="display-4">{{ $postulationsQuantity }}</span>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 text-center">
                <div class="card">
                    <div class="card-body">
                        <p>Rechazados</p>
                        <span class="display-4">{{ $postulationsRejectedQuantity }}</span>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 text-center">
                <div class="card">
                    <div class="card-body">
                        <p>Aprobados</p>
                        <span class="display-4">{{ $postulationsApprovedQuantity }}</span>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 text-center">
                <div class="card">
                    <div class="card-body">
                        <p>Visualizaciones</p>
                        <span class="display-4">{{ $job->views }}</span>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection

@section('trello')
<br>
<div class="card px-2 py-2" id="postulaciones">
    <br>
    <div class="d-flex flex-row-reverse bd-highlight">
        <div class="p-2 bd-highlight">
            <button class="btn btn-outline-primary" data-toggle="modal" data-target="#createPostulantModal">+
                Agregar
                postulante
            </button>
        </div>
    </div>
    <h2 class="text-center">PIZARRA DE POSTULANTES</h2>
    <br>
    <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" id="board-tab" data-toggle="tab" href="#board" role="tab" aria-controls="board"
                aria-selected="true">Pizarra</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="history-tab" data-toggle="tab" href="#history" role="tab" aria-controls="history"
                aria-selected="false">Historial</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="approved-tab" data-toggle="tab" href="#approved" role="tab" aria-controls="approved"
                aria-selected="false">Aprobados</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="rejected-tab" data-toggle="tab" href="#rejected" role="tab" aria-controls="rejected"
                aria-selected="false">Rechazados</a>
        </li>
    </ul>
    <div class="tab-content" id="hhTabContent">
        <br>
        <div class="tab-pane fade show active" id="board" role="tabpanel" aria-labelledby="board-tab">
            <div class="row">
                <div class="col-sm-3 text-center">
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">
                                POSTULANTES
                            </span>
                        </div>
                        <div class="card-body">
                            @foreach ($postulations as $p)
                            @if (is_null($p->approved) && $p->state_id == 1)
                            <div class="card mb-1">
                                <div class="card-body">
                                    <div class="btn btn-light hhpostulant" id="p{{ $p->id}}" data-p="{{ $p->id}}">
                                        <p>{{ $p->user->name }} {{ $p->user->lastname }}<br />
                                            {{ $job->currencyLiteral() }} {{ $p->min }} ~ {{ $p->max }}<br />
                                            <span
                                                class="badge badge-primary">{{ $p->availability ? 'Disp. Inmediata' : '' }}</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            @endif
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-sm-3 text-center">
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">
                                ENTREVISTA
                            </span>
                        </div>
                        <div class="card-body">
                            @foreach ($postulations as $p)
                            @if (is_null($p->approved) && $p->state_id == 2)
                            <div class="card mb-1">
                                <div class="card-body">
                                    <div class="btn btn-light hhpostulant" id="p{{ $p->id}}" data-p="{{ $p->id}}">

                                        <p>{{ $p->user->name }} {{ $p->user->lastname }}<br />
                                            {{ $job->currencyLiteral() }} {{ $p->min }} ~ {{ $p->max }}<br />
                                            <span
                                                class="badge badge-primary">{{ $p->availability ? 'Disp. Inmediata' : '' }}</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            @endif
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-sm-3 text-center">
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">
                                EVALUACION
                            </span>
                        </div>
                        <div class="card-body">
                            @foreach ($postulations as $p)
                            @if (is_null($p->approved) && $p->state_id >= 3 && 6 >= $p->state_id)
                            <div class="card mb-1">
                                <div class="btn btn-light hhpostulant" id="p{{ $p->id}}" data-p="{{ $p->id}}">
                                    <p>{{ $p->user->name }} {{ $p->user->lastname }}<br />
                                        {{ $job->currencyLiteral() }} {{ $p->min }} ~ {{ $p->max }}<br />
                                        <span
                                            class="badge badge-primary">{{ $p->availability ? 'Disp. Inmediata' : '' }}</span>
                                    </p>
                                </div>
                            </div>
                            @endif
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-sm-3 text-center">
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">
                                ENTREVISTA CON CLIENTE
                            </span>
                        </div>
                        <div class="card-body">
                            @foreach ($postulations as $p)
                            @if (is_null($p->approved) && $p->state_id >= 7 && 9 >= $p->state_id)
                            <div class="card mb-1 dropright">
                                <div class="btn btn-light hhpostulant" id="p{{ $p->id}}" data-p="{{ $p->id}}">
                                    <p>{{ $p->user->name }} {{ $p->user->lastname }}<br />
                                        {{ $job->currencyLiteral() }} {{ $p->min }} ~ {{ $p->max }}<br />
                                        <span
                                            class="badge badge-primary">{{ $p->availability ? 'Disp. Inmediata' : '' }}
                                        </span>
                                    </p>
                                </div>
                            </div>
                            @endif
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="history" role="tabpanel" aria-labelledby="history-tab">
            <div class="row">
                <div class="col-sm-12">
                    <ul class="list-group">
                        @foreach ($postulations as $p)
                        <li class="list-group-item hhpostulant" id="p{{ $p->id}}" data-p="{{ $p->id}}">
                            {{ $p->user->name }} {{ $p->user->lastname }}
                            <small class="text-muted">{{ Carbon::parse($p->created_at)->format('l, j \d\e F Y') }}</small>
                        </li>
                        @endforeach
                    </ul>

                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="approved" role="tabpanel" aria-labelledby="approved-tab">
            <div class="row">
                <div class="col-sm-12">
                    <ul class="list-group">
                        @forelse ($postulationsApproved as $p)
                        <li class="list-group-item d-flex justify-content-between align-items-center hhpostulant"
                            id="p{{ $p->id}}" data-p="{{ $p->id}}">
                            <span>
                                {{ $p->user->name }} {{ $p->user->lastname }}
                                <small class="text-muted">{{ Carbon::parse($p->created_at)->format('l, j \d\e F Y') }}</small>
                            </span>
                            <a href="{{ route('admin.postulants.revertApproved', $p->id) }}"
                                class="btn btn-small text-danger">revertir</a>
                        </li>
                        @empty
                        <h4>No hay postulaciones aprovadas por el momento</h4>
                        @endforelse
                    </ul>

                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="rejected" role="tabpanel" aria-labelledby="rejected-tab">
            <div class="row">
                <div class="col-sm-12">
                    <ul class="list-group">
                        @forelse ($postulationsRejected as $p)
                        <li class="list-group-item hhpostulant" id="p{{ $p->id}}" data-p="{{ $p->id}}">
                            <span>
                                {{ $p->user->name }} {{ $p->user->lastname }}
                                <small class="text-muted">{{ Carbon::parse($p->created_at)->format('l, j \d\e F Y') }}</small>
                            </span>
                            <a href="{{ route('admin.postulants.revertApproved', $p->id) }}"
                                class="btn btn-small text-danger">revertir</a>
                        </li>
                        @empty
                        <h4>No hay postulaciones desaprovadas por el momento</h4>
                        @endforelse
                    </ul>

                </div>
            </div>
        </div>
    </div>

    <!-- Modal Detail -->
    <div class="modal fade" id="showPostulantModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

            </div>
        </div>
    </div>
    @endsection