@extends('layouts.app', [
    'class' => 'users create edit',
])

@section('content')
    @include('partials._page-title', [
        'title' => 'Gerenciar Usuários',
        'desc' => 'Preencha as informações necessárias',
    ])

    <div class="panel-body">

        <form method="POST" enctype="multipart/form-data" class='default-form' action="{{ url('users') }}"
            data-parsley-validate>
            @include('partials._alert')

            @csrf

            @if ($isEdit)
                <input type="hidden" name="id" value="{{ $user->id }}">
                <input type="hidden" name="_method" value="put">
            @endif

            <div class='form-content'>
                <div class="picture">

                    @include('partials._photo-uploader', [
                        'name' => 'profile_picture',
                        'accept' => '.png, .jpeg, jpg',
                        'image' => isset($user->profile_url) ? url("users/$user->id/profile/picture") : false,
                    ])

                </div>

                <div class="information">

                    <div class="row">
                        <div class="form-group col-sm-6">
                            <label>Grupo</label>
                            <select class="form-select select2" name='group_id' required='required'>
                                <option value>Selecione</option>
                                @foreach ($groups as $group)
                                    <option value="{{ $group->id }}"
                                        {{ $user->group_id == $group->id || old('group_id') == $group->id ? 'selected' : '' }}>
                                        {{ $group->name }}</option>
                                @endforeach
                            </select>

                        </div>

                        <div class="form-group col-sm-6">
                            <label>Status</label>
                            <select class="form-select" name='is_active' required='required'>
                                <option value='1'
                                    {{ gettype($user->is_active) == 'boolean' && $user->is_active == true ? 'selected' : '' }}>
                                    Ativo</option>
                                <option value='0'
                                    {{ gettype($user->is_active) == 'boolean' && $user->is_active == false ? 'selected' : '' }}>
                                    Inativo</option>
                            </select>

                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <label>Nome</label>
                            <input class="form-control" type="text" name="name" autofocus="autofocus"
                                value="{{ $user->name ?? old('name') }}" placeholder="Nome do usuário" required="required">
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group">
                            <label>E-mail</label>
                            <input class="form-control" type="email" name="email" autofocus="autofocus"
                                value="{{ $user->email ?? old('email') }}" placeholder="exemplo@email.com"
                                required="required">
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group">
                            <label>Senha</label>
                            <div class="box-pw password-container">
                                <i class="fa fa-eye show-hide-password"></i>
                                <input class="form-control" type="password" name="password" autofocus="autofocus"
                                value="{{ old('password') }}" placeholder="Senha"
                                {{ $isEdit ? '' : 'required="required"' }}>
                            </div>

                        </div>
                        <div class="password-strength hide">
                            <div class="exclamation">!</div>
                            <div class="strength-text"></div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group">
                            <label>Confirmar Senha</label>
                            <div class="box-pw password-container">
                                <i class="fa fa-eye show-hide-password"></i>
                                <input class="form-control" type="password" name="c_password" autofocus="autofocus"
                                value="{{ old('c_password') }}" placeholder="Senha"
                                {{ $isEdit ? '' : 'required="required"' }}>
                            </div>
                            
                        </div>
                    </div>

                    {{-- PRODUCER SELECTOR --}}
                    <div class="producer-attach-block row {{ $user->isClient() ? "" : "hide" }}">
                        <div class="form-group col-sm-6">
                            <label> Atrelar produtores</label>
                            <select class="form-select select2" name='producer_add'>
                                <option value>Selecione</option>
                                @foreach ($producers as $p)
                                    <option value="{{ $p->id }}">{{ $p->name }}</option>
                                @endforeach
                            </select>

                        </div>

                        <div class="relations-block">
                            <div class="table-responsive ">

                                <table class="table table-ordered">
                                    <thead>
                                        <tr>
                                            <th>Id</th>
                                            <th>Nome</th>
                                            <th>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        {{-- Here comes relation items dinamically --}}

                                        @php
                                            $oldRelationIds = old('producer_id');
                                            $oldRelationNames = old('producer_name');
                                        @endphp

                                        @if (isset($oldRelationIds) && count($oldRelationIds))

                                            @foreach ($oldRelationIds as $i => $rl)
                                                <tr data-id="{{ $rl }}">
                                                    <td>
                                                        {{ $rl }}
                                                        <input type="hidden" name="producer_id[]"
                                                            value="{{ $rl }}">
                                                        <input type="hidden" name="producer_name[]"
                                                            value="{{ $oldRelationNames[$i] }}">
                                                    </td>
                                                    <td>{{ $oldRelationNames[$i] }}</td>
                                                    <td class='td-actions'>
                                                        <button type="button"
                                                            class="btn btn-light btn-icon btn-remove-relation">
                                                            <i class="far fa-trash-alt"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            @if (isset($userProducers) && count($userProducers))
                                                @foreach ($userProducers as $up)
                                                    <tr data-id="{{ $up->producer_id }}">
                                                        <td>
                                                            {{ $up->producer_id }}
                                                            <input type="hidden" name="producer_id[]"
                                                                value="{{ $up->producer_id }}">
                                                            <input type="hidden" name="producer_name[]"
                                                                value="{{ $up->producer_name }}">
                                                        </td>
                                                        <td>{{ $up->producer_name }}</td>
                                                        <td class='td-actions'>
                                                            <button type="button"
                                                                class="btn btn-light btn-icon btn-remove-relation">
                                                                <i class="far fa-trash-alt"></i>
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif

                                        @endif

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
            
            <div class="row">
                <div class="form-group col-sm-4 btn-group">
                    <a href="{{ route('users.index') }}" class="btn btn-light mt-3">Voltar</a>
                    <button type="submit" class="btn btn-primary mt-3">{{$user->id ? 'Atualizar' : 'Cadastrar'}}</button>
                </div>
            </div>

        </form>

    </div>
@endsection