@php
    /* @var $user \App\Core\Entities\User */
@endphp
@extends('admin.layouts.app')

@section('content')
    @include('admin.layouts.headers.page')

    @if (session('editTeacherSuccess'))
        <script>
            Swal.fire({
                position: 'mid-mid',
                icon: 'success',
                title: 'Professor editado com Sucesso!',
                showConfirmButton: false,
                timer: 2000
            })
        </script>
    @endif

    @if (session('editTeacherError'))
        <script>
            Swal.fire({
                icon: 'error',
                title: 'Erro!',
                text: 'Não foi possível editar o professor, tente novamente.',
            })
        </script>
    @endif

    <div class="container-fluid mt--7">
        <div class="row mt-5">
            <div class="col-md-12">
                <div class="card shadow">
                    <form action="{{ route('admin.professoresUpdate', $users->id) }}" method="POST">
                        @csrf
                        <div class="card-header">
                            <div class="row mt-2 justify-content-center align-items-center">
                                <div class="col">
                                    <div class="form-group">
                                        <label class="form-control-label">ID</label>
                                        <input class="form-control" type="text" readonly value="{{ $users->id }}">
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label class="form-control-label">E-mail</label>
                                        <input class="form-control" type="text" readonly value="{{ $users->email }}">
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-2 justify-content-center align-items-center">
                                <div class="col">
                                    <div class="form-group">
                                        <label class="form-control-label">Nome</label>
                                        <input class="form-control" name="name" type="text"
                                            value="{{ $user_profiles->name }}">
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label class="form-control-label">Status</label>
                                        <select class="form-control" name="status" id="status">

                                            <option value="{{ $users->status }}">
                                                @if ($users->status === 'approved')
                                                    Aprovado
                                                @endif
                                                @if ($users->status === 'rejected')
                                                    Rejeitado
                                                @endif
                                                @if ($users->status === 'pending')
                                                    Pendente
                                                @endif
                                            </option>
                                            <option value="approved">Aprovado</option>
                                            <option value="pending">Pendente</option>
                                            <option value="rejected">Rejeitado</option>

                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-2 justify-content-center align-items-center">
                                <div class="col">
                                    <div class="form-group">
                                        <label class="form-control-label">Telefone</label>
                                        <input class="form-control" name="phone" type="text"
                                            value="{{ $user_profiles->phone }}">
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label class="form-control-label">Data de nascimento</label>
                                        <input class="form-control" name="birth_date" type="date"
                                            value="{{ $user_profiles->birth_date }}">
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-2 justify-content-center align-items-center">
                                <div class="col">
                                    <div class="form-group">
                                        <label class="form-control-label">Estado</label>
                                        <input class="form-control" name="state" type="text"
                                            value="{{ $user_profiles->state }}">
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label class="form-control-label">Cidade</label>
                                        <input class="form-control" name="city" type="text"
                                            value="{{ $user_profiles->city }}">
                                    </div>
                                </div>
                            </div>

                            <div class="row mt-2 justify-content-center align-items-center">
                                @foreach ($users->user_badges as $user_badge)
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <div class="badges">
                                                <div class="text-center">
                                                    <img class="imgBadges" src="{{ asset($user_badge->badge->image) }}"
                                                        alt="badges" width="80px">
                                                    <h4>{{ $user_badge->badge->name }}</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <label class="col-md-4 label-control" for="badge_id">Adicionar conquistas</label>
                                        <div class="col-md-8">
                                            <select class="form-control" id="badge_id" name="badge_id">
                                                <option value="">Selecionar conquista</option>
                                                @foreach ($badges as $badge)
                                                    <option value="{{ $badge->id }}">
                                                        {{ $badge->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mt-2 justify-content-center align-items-center">
                                <div class="col">
                                    <div class="form-group">
                                        <label class="form-control-label">Onde nos encontrou?</label>
                                        <textarea class="form-control" name="found_us_where" cols="30" rows="10"></textarea>
                                    </div>
                                </div>
                            </div>

                            <div class="col">
                                <button type="submit" class="btn btn-outline-primary">

                                    Salvar

                                </button>
                            </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @include('admin.layouts.footers.auth')
    </div>
@endsection