@csrf
@if (auth()->user()->isSuperAdmin())
    @if (Request::is('admin/weights/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.weight.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 }}"
                                {{ ($weight->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.weight.fields.contractor_helper') }}
                    </p>
                </div>
            </div>
        </div>
    @endif
@endif

<div class="row">
    <div class="col-12 col-lg-6 col-sm-6">
        <div class="form-group {{ $errors->has('modality') ? 'has-error' : '' }}">
            {{-- <div class="form-group"> --}}
            <label for="modality">{{ trans('cruds.weight.fields.modality') }} <span class="obrigatorio">*</span></label>
            {{-- <label>Contratante</label> --}}
            <select name="modality" id="modality" class="form-control select2" autofocus
                {{ auth()->user()->isSuperAdmin()
                    ? ''
                    : 'required' }}>
                <option value="" selected disabled>-- Selecione uma modalidade --</option>
                @foreach ($modalities as $modality)
                    <option data-route="{{ route('admin.weights.load.categories', [$modality]) }}" value="{{ $modality->id }}"
                        {{ ($weight->modality_id ?? old('modality')) == $modality->id ? 'selected' : '' }}>
                        @if (auth()->user()->isSuperAdmin())
                            {{ $modality->contractor->name }} -
                        @endif
                        {{ $modality->name }}
                    </option>
                @endforeach
            </select>
            @if ($errors->has('modality'))
                <em class="invalid-feedback d-block">
                    {{ $errors->first('modality') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.weight.fields.modality_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-lg-6 col-sm-6">
        <div class="form-group {{ $errors->has('category') ? 'has-error' : '' }}">
            <label for="category">{{ trans('cruds.weight.fields.category') }} <span class="obrigatorio">*</span></label>
            <select name="category" id="category" class="form-control select2">
            </select>
            @if ($errors->has('category'))
                <em class="invalid-feedback">
                    {{ $errors->first('category') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.weight.fields.category_helper') }}
            </p>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-12 col-lg-6 col-sm-6">
        {{-- NOME --}}
        <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
            <label for="name">
                {{ trans('cruds.weight.fields.name') }}<span class="obrigatorio">*</span>
            </label>
            <input type="text" id="name" name="name" class="form-control"
                value="{{ old('name', isset($weight) ? $weight->name : '') }}" autofocus>
            @if ($errors->has('name'))
                <em class="invalid-feedback">
                    {{ $errors->first('name') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.weight.fields.name_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-lg-2 col-sm-2">
        <div class="form-group {{ $errors->has('sex') ? 'has-error' : '' }}">
            <label for="sex">{{ trans('cruds.weight.fields.sex') }}<span class="obrigatorio">*</span></label>
            <select name="sex" class="form-control select2">
                <option {{ ($weight->sex ?? old('sex', '')) == '' ? 'selected' : '' }} value="" disabled>-- Selecione --</option>
                <option {{ ($weight->sex ?? old('sex')) == 'F' ? 'selected' : '' }} value="F">Feminino</option>
                <option {{ ($weight->sex ?? old('sex')) == 'M' ? 'selected' : '' }} value="M">Masculino</option>
            </select>
            @if ($errors->has('sex'))
                <em class="invalid-feedback">
                    {{ $errors->first('sex') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.weight.fields.sex_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-lg-2 col-sm-2">
        {{-- PESO INICIAL --}}
        <div class="form-group {{ $errors->has('initial_weight') ? 'has-error' : '' }}">
            <label for="initial_weight">
                {{ trans('cruds.weight.fields.initial_weight') }}<span class="obrigatorio">*</span>
            </label>
            <input type="text" id="initial_weight" name="initial_weight" class="form-control"
                value="{{ old('initial_weight', isset($weight) ? number_format($weight->initial_weight, 3, ',', '.') : '') }}" maxlength="7">
            @if ($errors->has('initial_weight'))
                <em class="invalid-feedback">
                    {{ $errors->first('initial_weight') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.weight.fields.initial_weight_helper') }}
            </p>
        </div>
    </div>
    <div class="col-12 col-lg-2 col-sm-2">
        {{-- PESO FINAL --}}
        <div class="form-group {{ $errors->has('final_weight') ? 'has-error' : '' }}">
            <label for="final_weight">
                {{ trans('cruds.weight.fields.final_weight') }}<span class="obrigatorio">*</span>
            </label>
            <input type="text" id="final_weight" name="final_weight" class="form-control"
                value="{{ old('final_weight', isset($weight) ? number_format($weight->final_weight, 3, ',', '.') : '') }}" maxlength="7">
            @if ($errors->has('final_weight'))
                <em class="invalid-feedback">
                    {{ $errors->first('final_weight') }}
                </em>
            @endif
            <p class="helper-block">
                {{ trans('cruds.weight.fields.final_weight_helper') }}
            </p>
        </div>
    </div>
</div>
<div class="row pb-3 pt-3">
    <div class="col-12">
        <button class="btn btn-success enviar" type="submit">
            <i class="fas fa-save"></i> {{ trans('global.save') }}
        </button>
        <a href="{{ route('admin.weights.index') }}" class="btn btn-secondary"><i
            class="fas fa-caret-left"></i> {{ trans('global.back') }}
    </a>
    </div>
</div>

@section('scripts')
    @parent

    <script>
        function removeOptions(selectElement) {
            var i, L = selectElement.options.length - 1;
            for (i = L; i >= 0; i--) {
                selectElement.remove(i);
            }
        }
    </script>

    <script type="text/javascript">
        $(document).ready(function() {
            let modality = document.getElementById('modality').value;

            if (modality != '')
            {
                listaCategorias('editar');
            } else {
                let category = document.getElementById('category')
                let option = document.createElement('option')
                option.value = ''
                option.text = '-- Selecione uma modalidade para listar as categorias --'
                option.selected = true
                option.disabled = true
                category.add(option)
            }
        });
    </script>

    <script type="text/javascript">
        $('#modality').change(function(event) {
            event.preventDefault()
            listaCategorias();
        });
    </script>

    <script>
        function listaCategorias(acao)
        {
            let modality = document.getElementById('modality');
            let selected = modality.options[modality.selectedIndex].getAttribute('data-route');

            let category = document.querySelector('#category');

            let url = selected;

            fetch(url)
                .then(function(response) {
                    removeOptions(document.getElementById('category'))
                    return response.json()
                })
                .then(function(json) {

                    if (json.length > 0) {

                        let option = document.createElement('option')
                        option.value = ''
                        option.text = '-- Selecione uma categoria ---'
                        category.add(option)
                        for (dados of json) {
                            let option = document.createElement('option')
                            option.value = dados.id
                            option.text = dados.name
                            category.add(option)
                        }

                        if (acao == 'editar')
                        {
                            $.ajax({
                                url: "{{ route('admin.weights.category.select', $weight->category_id ?? '') }}",
                                success: function(data) {
                                    let select = document.getElementById('category');
                                    for (var i = 0; i < select.options.length; i++) {
                                        if (select.options[i].text === data.name) {
                                            select.selectedIndex = i;
                                            break;
                                        }
                                    }
                                },
                                error: function() {
                                    alert('Erro');
                                }
                            })
                        }
                    } else {
                        let option = document.createElement('option')
                        option.value = ''
                        option.text = '-- Nenhuma categoria para esta modalidade ---'
                        category.add(option)
                    }

                })
                .catch(function(error) {
                    console.log(error)
                })
        }

    </script>

    <script type="text/javascript">
        $('#initial_weight').maskMoney({
            allowNegative: false,
            thousands: '.',
            decimal: ',',
            precision: 3,
            affixesStay: false,
        });

        $('#final_weight').maskMoney({
            allowNegative: false,
            thousands: '.',
            decimal: ',',
            precision: 3,
            affixesStay: false,
        });
    </script>

    <script type="text/javascript">
        $(".enviar").click(function() {
            var initial_weight = $('#initial_weight').maskMoney('unmasked')[0];
            $('#initial_weight').val(initial_weight);

            var final_weight = $('#final_weight').maskMoney('unmasked')[0];
            $('#final_weight').val(final_weight);
        });
    </script>

@endsection