{{-- @dd($detail) --}}
<script>
    $(document).ready(function () {
        $('.select2').select2({
            'placeholder' : 'Selecione...',
        });

        $('#fim-vigencia').datepicker({
            format: "dd/mm/yyyy",
            language: "pt-BR",
            clearBtn: true,
            todayHighlight: true,
            toggleActive: true,
        });


        $('#form-cell-edit').submit(function (e) {
            e.preventDefault();
            let _form = $(this);
            console.log('form', _form)
            console.log('serialize', _form.serialize());

            $.ajax({
                type: "POST",
                url: _form.attr('action'),
                data: _form.serialize(),
                success(data) {
                    $.Notification.notify('success', 'top right', 'Operação Realizada', data.message);
                    $('#modal-cell-edit').modal('hide');
                    page.table.ajax.reload();
                },
                error(result) {
                    notifyAjaxError(result);
                }
            });
        });

        $('.money').mask("#.##0,00", {reverse: true});
    });
</script>
{!! Form::open(['route'=>'fin.cell-management.update', 'id'=>'form-cell-edit']) !!}
<input type="hidden" value="{{$detail[0]['CellId']}}" name="CellId">
<div class="row">
    <div class="col-12">
        <h4 class="title">Segmentos</h4>
        <hr>
        <div class="row">
            <div class="col-md-6 col-xl-3">
                <label for="segment-canal-edit">Canal</label>
                <select name="segment-canal" id="segment-canal-edit" class="custom-select form-control select2" disabled>
                    <option selected="selected">{{$detail[0]['Canal']}}</option>
                    {{-- <option selected="selected" value="">Selecione...</option> --}}
                    {{-- @foreach ($area_operacao as $key => $items)
                        <option value="{{$key}}">{{$items->first()->Area}}</option>
                    @endforeach --}}
                </select>
            </div>
            <div class="col-md-6 col-xl-3">
                <label for="segment-agrupamento-edit">Agrupamento</label>
                <select name="segment-agrupamento[]" id="segment-agrupamento-edit" class="custom-select form-control select2" multiple disabled>
                    @foreach ($detail[0]['Agrupamento'] as $value)
                        <option selected="selected">{{$value}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-6 col-xl-3">
                <label for="segment-eps-edit">EPS</label>
                <select name="segment-eps" id="segment-eps-edit" class="custom-select form-control select2" disabled>
                    <option selected="selected">{{$detail[0]['EPS']}}</option>
                    {{-- <option selected="selected" value="">Selecione...</option>
                    @foreach ($callcenter_site as $key => $items)
                        <option value="{{$key}}">{{$items->first()->CallCenter}}</option>
                    @endforeach --}}
                </select>
            </div>
            <div class="col-md-6 col-xl-3">
                <label for="segment-site-edit">Site</label>
                <select name="segment-site" id="segment-site-edit" class="custom-select form-control select2" disabled>
                    <option selected="selected">{{$detail[0]['Site']}}</option>
                </select>
            </div>
        </div>
    </div>

    <div class="col-12 m-t-30">
        <h4 class="title">Ilha</h4>
        <hr>
        <div class="row">
            <div class="col-md-6 col-xl-8">
                <label for="nome-ilha">Nome da Ilha</label>
                {!! Form::text('nome-ilha', $detail[0]['Ilha'], ['class'=>'form-control', 'id'=>'nome-ilha', 'required','autocomplete'=>'off']) !!}
            </div>

            <div class="input-daterange col-md-6 col-xl-4">
                <div class="row">
                    <div class="col-md-6 col-xl-6">
                        <label for="inicio-vigencia">Início Vigência</label>
                        {!! Form::text('inicio-vigencia', $detail[0]['StartDate'], ['class'=>'form-control', 'id'=>'inicio-vigencia', 'disabled','autocomplete'=>'off']) !!}
                    </div>
                    <div class="col-md-6 col-xl-6">
                        <label for="fim-vigencia">Fim Vigência</label>
                        {!! Form::text('fim-vigencia', $detail[0]['EndDate'], ['class'=>'form-control', 'id'=>'fim-vigencia','autocomplete'=>'off']) !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-12 m-t-30">
        <h4 class="title">Faturamento</h4>
        <hr>
        <div class="row">
            <div class="col-3">Tipo de Faturamento</div>
            <div class="col-2">Valor Unitário</div>
            <div class="col-1 text-center">Ativo</div>
        </div>
        @for ($i = 1; $i <= $qtd_simulators; $i++)

            <input type="hidden" name="fin_cell_id[{{$i}}]" value="@if (isset($detail[$i - 1])){{$detail[$i - 1]['FincellID']}}@endif">

            <div class="row m-t-5">
                <div class="col-3">
                    <select name="simulador[{{$i}}]" class="custom-select form-control">
                        <option value="">Selecione...</option>
                        @foreach ($simulador as $item)
                            <option value="{{$item->SimuladorId}}"
                                @if (isset($detail[$i - 1]) AND $detail[$i - 1]['Simulador'] == $item->Simulador) selected @endif
                            >
                                {{$item->Simulador}}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-2">
                    <input class="form-control money" id="valor_{{$i}}" autocomplete="off" name="valor[{{$i}}]" type="text"
                        value="@if (isset($detail[$i - 1])) {{$detail[$i - 1]['ValorUnitario']}} @endif">
                </div>
                <div class="col-1 text-center">
                    <div class="">
                        <input type="radio" value="{{$i}}" name="active" aria-label="Simulador Ativo"
                            @if (isset($detail[$i - 1]) AND $detail[$i - 1]['Ativo'] == 1) checked @endif
                        >
                        <label></label>
                    </div>
                </div>
            </div>
        @endfor
    </div>

    <div class="col-12">
        <div class="text-right">
            <button class="btn-icon btn btn-dark waves-effect w-md waves-light" type="button"
                    data-dismiss="modal">
                <i class="fa fa-reply"></i> Voltar
            </button>
            <button id="form-cell-edit-button" class="btn btn-primary waves-effect w-md waves-light btn-custom"
                    type="submit">
                <i class="fa fa-floppy-o"></i>
                Salvar
            </button>
        </div>
    </div>
</div>
{!! Form::close() !!}