@csrf
@if (auth()->user()->isSuperAdmin())
    {{-- @if (Request::is('admin/users/create')) --}}
    <div class="row">
        <div class="col-12 col-sm-12">
            <div class="form-group {{ $errors->has('contractor') ? 'has-error' : '' }}">
                {{-- <div class="form-group"> --}}
                <label for="contractor">{{ trans('cruds.user.fields.contractor') }} <span
                        class="obrigatorio">*</span></label>
                {{-- <label>Contratante</label> --}}
                <select name="contractor" id="contractor" class="form-control select2" autofocus
                    {{ auth()->user()->isSuperAdmin()
                        ? ''
                        : 'required' }}>
                    <option value="" selected disabled>-- Selecione um contratante --</option>
                    @foreach ($contractors as $contractor)
                        <option value="{{ $contractor->id }}"
                            {{ ($user->contractor->id ?? old('contractor')) == $contractor->id ? 'selected' : '' }}>
                            {{ $contractor->name }}
                        </option>
                    @endforeach
                </select>
                @if ($errors->has('contractor'))
                    <em class="invalid-feedback d-block">
                        {{ $errors->first('contractor') }}
                    </em>
                @endif
                <p class="helper-block">
                    {{ trans('cruds.user.fields.contractor_helper') }}
                </p>

            </div>
        </div>
    </div>
    {{-- @endif --}}
@endif

{{-- <div class="row" style="margin-top:10px; margin-bottom:10px;">
    <div class="col-12 col-sm-12 col-sm-12">
        <h5 class="titulo_separador_laranja">Dados Gerais</h5>
    </div>
</div> --}}

<input type="hidden" id="user_id" value="{{ $user->id ?? '' }}">
<input type="hidden" id="userable_type" value="{{ $user->userable_type ?? '' }}">

<div class="row">
    <div class="col-12 col-lg-5 col-sm-5">
        {{-- NOME --}}
        <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
            <label for="name">
                {{ trans('cruds.user.fields.name') }} <span class="obrigatorio">*</span>
            </label>
            <input type="text" id="name" name="name" class="form-control"
                value="{{ old('name', isset($user) ? $user->name : '') }}" autofocus>
            @if ($errors->has('name'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('name') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.user.fields.name_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-lg-5 col-sm-5">
        {{-- EMAIL --}}
        <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
            <label for="email">
                {{ trans('cruds.user.fields.email') }} <span class="obrigatorio">*</span>
            </label>
            <input type="email" id="email" name="email" class="form-control"
                value="{{ old('email', isset($user) ? $user->email : '') }}"
                onkeyup="this.value = this.value.toLowerCase()">
            @if ($errors->has('email'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('email') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.user.fields.email_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-lg-2 col-sm-2">
        {{-- PASSWORD --}}
        <div class="form-group {{ $errors->has('password') ? 'has-error' : '' }}">
            <label for="password">
                {{ trans('cruds.user.fields.password') }} <span class="obrigatorio">*</span>
            </label>
            <input type="password" id="password" name="password" class="form-control">
            @if ($errors->has('password'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('password') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.user.fields.password_helper') }}
            </p>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12 col-lg-2 col-sm-3">
        {{-- TELEFONE --}}
        <div class="form-group {{ $errors->has('telephone') ? 'has-error' : '' }}">
            <label for="telephone">
                {{ trans('cruds.user.fields.telephone') }}
            </label>
            <input maxlength="14" type="text" id="telephone" name="telephone" class="form-control"
                value="{{ old('telephone', isset($user) ? $user->telephone : '') }}">
            @if ($errors->has('telephone'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('telephone') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.user.fields.telephone_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-lg-2 col-sm-3">
        {{-- CELULAR --}}
        <div class="form-group {{ $errors->has('cellphone') ? 'has-error' : '' }}">
            <label for="cellphone">
                {{ trans('cruds.user.fields.cellphone') }}
            </label>
            <input maxlength="14" type="text" id="cellphone" name="cellphone" class="form-control"
                value="{{ old('cellphone', isset($user) ? $user->cellphone : '') }}">
            @if ($errors->has('cellphone'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('cellphone') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.user.fields.cellphone_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-lg-7 col-sm-5">
        {{-- FOTO --}}
        <div class="form-group" {{ $errors->has('photo') ? 'has-error' : '' }}">
            <label>
                {{ trans('cruds.user.fields.photo') }} :
            </label>
            <span class="span_photo">
                @if (Request::is('admin/users/create'))
                    <img src="{{ asset('images/sem_foto.jpg') }}" style="width:25px; height:25px;" alt="Sem foto">
                @else
                    @if (!$user->photo == '')
                        @if (file_exists(public_path('/storage/users/' . $user->uuid . '/' . $user->photo)))
                            <img src="data:image/png;base64, {{ base64_encode(file_get_contents(public_path('/storage/users/' . $user->uuid . '/' . $user->photo))) }} "
                                style="width:25px; height:25px;">
                        @else
                            <img src="{{ asset('images/sem_foto.jpg') }}" style="width:25px; height:25px;"
                                alt="Sem foto">
                        @endif
                    @else
                        <img src="{{ asset('images/sem_foto.jpg') }}" style="width:25px; height:25px;" alt="Sem foto">
                    @endif
                @endif
            </span>
            <span class="botao_excluir_photo">
                <a href="#" onclick="setaDadosphoto('S')" class="danger" title="Remover photo"> <i
                        class="fas fa-fw fa-trash-alt fa-lg"></i></a>
            </span>
            <div class="custom-file">
                <input type="hidden" name="clear_photo" id="clear_photo" value="">
                <input lang="pt-BR" type="file" id="photo" name="photo" class="custom-file-input"
                    value="{{ $user->photo ?? old('photo') }}">
                <label id="custom-photo" class="custom-file-label" for="customFile">Escolha o arquivo</label>
            </div>
            @if ($errors->has('photo'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('photo') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.user.fields.photo_helper') }}
            </p>

        </div>
    </div>
    <div class="col-12 col-lg-1 col-sm-1">
        <div class="form-group {{ $errors->has('active') ? 'has-error' : '' }}">
            <label for="active" class="pt-1">
                {{ trans('cruds.user.fields.active') }}
            </label>
            <input type="checkbox" id="active" name="active" data-toggle="toggle" data-size="sm"
                data-on="Sim" data-off="Não" data-onstyle="success" data-offstyle="danger" data-width="100%"
                @if (isset( $user ))
                    @if($user->userable_type == 'App\Models\Student') : disabled @endif
                @endif
                {{ ($user->active ?? old('active')) == ''
                    ? 'checked'
                    : (($user->active ?? old('active')) == 'on'
                        ? 'checked'
                        : 'unchecked') }}>
            @if ($errors->has('active'))
                <em class="invalid-feedback">
                    {{ $errors->first('active') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.user.fields.active_helper') }}
            </p>
        </div>
    </div>
</div>

{{-- <div class="row" style="margin-top:10px; margin-bottom:10px;">
    <div class="col-12 col-sm-12 col-sm-12">
        <h5 class="titulo_separador_laranja">Endereço</h5>
    </div>
</div>

<div class="row">
    <div class="col-12 col-sm-2">
        <div class="form-group {{ $errors->has('zip') ? 'has-error' : '' }}">
            <label for="zip">
                {{ trans('cruds.address.fields.zip') }}<span class="obrigatorio">*</span>
            </label>
            <input type="text" id="zip" name="zip" class="form-control"
                value="{{ old('zip', isset($user) ? $user->address['zip'] : '') }}">
            @if ($errors->has('zip'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('zip') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.address.fields.zip_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-sm-5">
        <div class="form-group {{ $errors->has('city') ? 'has-error' : '' }}">
            <label for="city">
                {{ trans('cruds.address.fields.city') }}<span class="obrigatorio">*</span>
            </label>
            <input type="text" id="city" name="city" class="form-control"
                value="{{ old('city', isset($user) ? $user->address['city'] : '') }}">
            @if ($errors->has('city'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('city') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.address.fields.city_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-sm-1">
        <div class="form-group {{ $errors->has('state') ? 'has-error' : '' }}">
            <label for="state">
                {{ trans('cruds.address.fields.state') }}<span class="obrigatorio">*</span>
            </label>
            <input type="text" id="state" name="state" maxlength="2" class="form-control"
                value="{{ old('state', isset($user) ? $user->address['state'] : '') }}">
            @if ($errors->has('state'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('state') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.address.fields.state_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-sm-4">
        <div class="form-group {{ $errors->has('district') ? 'has-error' : '' }}">
            <label for="district">
                {{ trans('cruds.address.fields.district') }}<span class="obrigatorio">*</span>
            </label>
            <input type="text" id="district" name="district" class="form-control"
                value="{{ old('district', isset($user) ? $user->address['district'] : '') }}">
            @if ($errors->has('district'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('district') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.address.fields.district_helper') }}
            </p>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12 col-lg-5 col-sm-4">
        <div class="form-group {{ $errors->has('address') ? 'has-error' : '' }}">
            <label for="address">
                {{ trans('cruds.address.fields.address') }}<span class="obrigatorio">*</span>
            </label>
            <input type="text" id="address" name="address" class="form-control"
                value="{{ old('address', isset($user) ? $user->address['address'] : '') }}">
            @if ($errors->has('address'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('address') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.address.fields.address_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-lg-2 col-sm-3">
        <div class="form-group {{ $errors->has('number') ? 'has-error' : '' }}">
            <label for="number">
                {{ trans('cruds.address.fields.number') }}<span class="obrigatorio">*</span>
            </label>
            <input type="text" id="number" name="number" class="form-control"
                value="{{ old('number', isset($user) ? $user->address['number'] : '') }}">
            @if ($errors->has('number'))
                <em class="invalid-feedback">
                    {{ $errors->first('number') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.address.fields.number_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-lg-4 col-sm-5">
        <div class="form-group {{ $errors->has('complement') ? 'has-error' : '' }}">
            <label for="complement">
                {{ trans('cruds.address.fields.complement') }}
            </label>
            <input type="text" id="complement" name="complement" class="form-control"
                value="{{ old('complement', isset($user) ? $user->address['complement'] : '') }}">
            @if ($errors->has('complement'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('complement') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.address.fields.complement_helper') }}
            </p>
        </div>
    </div>
</div> --}}

<div class="row pb-3 pt-3">
    <div class="col-12">
        <button class="btn btn-success enviar">
            <i class="fas fa-save"></i> {{ trans('global.save') }}
        </button>
        <a href="{{ route('admin.users.index') }}" class="btn btn-secondary"><i class="fas fa-caret-left"></i>
            {{ trans('global.back') }}
        </a>
    </div>
</div>

@section('scripts')
    @parent

    <script type="text/javascript">
        var telephone = document.getElementById("telephone");
        var im = new Inputmask("(99)9999-9999");
        im.mask(telephone);
        var cellphone = document.getElementById("cellphone");
        var im = new Inputmask("(99)99999-9999");
        im.mask(cellphone);
        // var zip = document.getElementById("zip");
        // var im = new Inputmask("99.999-999");
        // im.mask(zip);
    </script>

    <script>
        $(document).on('blur', '#zip', function() {
            let cep_original = $(this).val();
            zip = cep_original.replace(".", "");
            zip = zip.replace("-", "");
            $.ajax({
                url: 'https://viacep.com.br/ws/' + zip + '/json/',
                method: 'GET',
                dataType: 'json',
                success: function(data) {
                    $('#city').val(data.localidade);
                    $('#state').val(data.uf);
                    $('#district').val(data.bairro);
                    $('#address').val(data.logradouro);
                    document.getElementById('number').value = '';
                    document.getElementById('complement').value = '';
                },
                error: function(err) {
                    console.log(err)
                }
            });
        });
    </script>

    <script>
        function setaDadosphoto(valor1) {
            $('.span_photo').hide();
            document.getElementById('clear_photo').value = valor1;
            document.getElementById('photo').value = '';
            $('#custom-photo').html('Escolha o arquivo');
        }
    </script>

    <script>
        $("#photo").on('click', function() {
            document.getElementById('clear_photo').value = '';
        });
    </script>

    <script type="application/javascript">
        $('#photo').change(function(event) {
            var fileName = event.target.files[0].name;
            if (event.target.nextElementSibling != null) {
                event.target.nextElementSibling.innerText = fileName;
            }
        });
    </script>

    <script type="text/javascript">
        $('.enviar').click(function(event) {
            var user_id = document.getElementById('user_id').value;
            var userable_type = document.getElementById('userable_type').value;
            var checkbox = document.getElementById('active');

            if (user_id != null && userable_type == 'App\\Models\\Student') {
                if (!checkbox.checked) {
                    event.preventDefault();
                    swal({
                        title: 'Você deseja inativar o usuário?',
                        text: "Todos os dados dos recebimentos, caso existam, serão excluídos permanentemente.",
                        icon: "warning",
                        buttons: ["Cancelar", "Sim"],
                        dangerMode: true,
                    })
                    .then((willInactivate) => {
                        if (willInactivate) {
                            form.submit();
                        }
                    });
                }
            }
        });
    </script>
@endsection