@section('title', __('site.page_forms_edit_title'))
@section('head')
@endsection
@include('includes/header')
@include('includes/topSite')
<div class="content">

    <div class="row">
        <div class="col-12">
            <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center py-2">
                <div class="flex-grow-1">
                    <h1 class="h3 fw-bold mb-2">
                        {{ __('site.page_forms_edit_h1') }}
                    </h1>
                </div>
                <nav class="flex-shrink-0 mt-3 mt-sm-0 ms-sm-3" aria-label="breadcrumb">
                    <ol class="breadcrumb breadcrumb-alt push mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('site.home.r') }}">{{ __('general.top_menu_item_site') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="javascript:void(0)">{{ __('site.menu_item_5') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="{{ route('site.forms.r') }}">{{ __('site.menu_item_5_sub_8') }}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('site.action_edit') }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-12">

            <div class="block block-rounded">
                <div class="block-content p-0">

                    <form action="{{ route('site.forms.u.do',$formData->id) }}" method="POST">

                        <div class="pt-3 ps-3 pe-3 mb-3 h-width @if (\Session::has('error_name')) erro-inp @endif  ">
                            <label class="form-label" for="val-name">{{ __('site.page_forms_new_input_1') }}</label>
                            <input type="text" class="form-control @if (\Session::has('error_name')) is-invalid @endif" id="val-name" name="name" value="{{ $formData->name }}" autocomplete="off">
                            @if (\Session::has('error_name')) <div id="msgerror_name" class="form-text text-danger"> {!! \Session::get('error_name') !!} </div> @endif
                        </div>

                        <div class="ps-3 pe-3 mb-3 h-width">
                            <label class="form-label" >{{ __('site.page_forms_new_input_2') }}</label>
                            <textarea class="form-control" name="description" rows="3" placeholder="{{ __('site.page_forms_new_input_2_place') }}">{{ $formData->description }}</textarea>
                        </div>

                        <div class="ps-3 pe-3 mb-3 h-width">
                            <label class="form-label">{{ __('site.page_forms_new_input_3') }}</label>
                            <select class="form-select" name="captcha">
                                <option value="0" {{ ($formData->captcha == '0' ? 'selected' : '') }}>{{ __('site.action_no') }}</option>
                                <option value="1" {{ ($formData->captcha == '1' ? 'selected' : '') }}>{{ __('site.page_forms_new_input_3_sel') }}</option>
                            </select>
                        </div>

                        <div class="mb-3 mt-4 border-bottom border-1 ps-3 pe-3 pb-1"><h4 class="fw-normal mb-0"><i class="far fa-file-text me-1"></i> {{ __('site.page_forms_new_dyn_title') }}</h4></div>
                        @if($totalReply)<div class="h-width ps-3 pe-3"><div class="alert alert-warning">{{ __('site.page_forms_edit_msg_reg') }} <a class="text-warning fw-semibold" href="{{ route('site.forms.r.answers',$formData->id) }}">{{ __('site.page_forms_edit_link_reg') }}</a> </div></div>@endif
                        <input type="hidden" value="{{ count($formInputs) }}" name="total_chq" id="total_chq">

                        @php
                            $i=0;
                            foreach($formInputs as $input){
                        @endphp
                        <div class="row g-2 ps-3 h-width mb-3 @if($i > 0) addInp-{{ $i }} @endif ">
                            <div class="col-6">
                                <label class="form-label">{{ __('site.page_forms_new_dyn_inp_1') }}</label>
                                <input type="text" class="form-control " name="fields[{{ $i }}][fieldName]" @if($totalReply) readonly="readonly" @endif autocomplete="off" value="{{ $input->name }}">
                            </div>
                            <div class="col-5">
                                <label class="form-label">{{ __('site.page_forms_new_dyn_inp_2') }}</label>
                                <select name="fields[{{ $i }}][fieldType]" class="form-select" @if($totalReply) disabled @endif>
                                    <option value="1" {{ ($input->type == '1' ? 'selected' : '') }}>{{ __('site.page_forms_new_dyn_inp_2_tp_1') }}</option>
                                    <option value="2" {{ ($input->type == '2' ? 'selected' : '') }}>{{ __('site.page_forms_new_dyn_inp_2_tp_2') }}</option>
                                    <option value="3" {{ ($input->type == '3' ? 'selected' : '') }}>{{ __('site.page_forms_new_dyn_inp_2_tp_3') }}</option>
                                    <option value="4" {{ ($input->type == '4' ? 'selected' : '') }}>{{ __('site.page_forms_new_dyn_inp_2_tp_4') }}</option>
                                    <option value="5" {{ ($input->type == '5' ? 'selected' : '') }}>{{ __('site.page_forms_new_dyn_inp_2_tp_5') }}</option>
                                    <option value="6" {{ ($input->type == '6' ? 'selected' : '') }}>{{ __('site.page_forms_new_dyn_inp_2_tp_6') }}</option>
                                </select>
                            </div>
                            <div class="col-1" style="padding-top:30px;">@if($totalReply) <button type="button" class="btn btn-danger disabled"><i class="fa fa-xmark"></i></button>  @else<button type="button" @if($i > 0) id="{{ $i }}" @endif class="btn @if($i > 0) removeInp @endif btn-danger"><i class="fa fa-xmark"></i></button> @endif</div>
                            @if ($i == 0 && \Session::has('error_input')) <div id="msgerror_input" class="form-text text-danger"> {!! \Session::get('error_input') !!} </div> @endif
                        </div>
                        @php $i++; } @endphp

                        <div id="new_chq">
                            @if(old('fields') && count(old('fields')) > 1)

                                @php
                                    $i=0;

                                    foreach(old('fields') as $field){
                                        if($i > 0){
                                        if(!old('fields')[$i]['fieldName']){ $addon = '<div id="msgerror_input_'.$i.'" class="form-text text-danger">'.__('site.site_input_req').'</div>'; }
                                        echo '<div class="row g-2 ps-3 h-width mb-3 addInp-'.$i.'"> <div class="col-6 '.(!old('fields')[$i]['fieldName'] ? 'erro-inp' : '').'"> <label class="form-label">'.__('site.page_forms_new_dyn_inp_1').'</label> <input type="text" class="form-control '.(!old('fields')[$i]['fieldName'] ? 'is-invalid' : '').'" name="fields['.$i.'][fieldName]" autocomplete="off" value="'.old('fields')[$i]['fieldName'].'"> </div> <div class="col-5"> <label class="form-label">'.__('site.page_forms_new_dyn_inp_2').'</label> <select name="fields['.$i.'][fieldType]" class="form-select"> <option value="1" '.(old('fields')[$i]['fieldType'] == '1' ? 'selected' : '').'>'.__('site.page_forms_new_dyn_inp_2_tp_1').'</option> <option value="2" '.(old('fields')[$i]['fieldType'] == '2' ? 'selected' : '').'>'.__('site.page_forms_new_dyn_inp_2_tp_2').'</option> <option value="3" '.(old('fields')[$i]['fieldType'] == '3' ? 'selected' : '').'>'.__('site.page_forms_new_dyn_inp_2_tp_3').'</option> <option value="4" '.(old('fields')[$i]['fieldType'] == '4' ? 'selected' : '').'>'.__('site.page_forms_new_dyn_inp_2_tp_4').'</option> <option value="5" '.(old('fields')[$i]['fieldType'] == '5' ? 'selected' : '').'>'.__('site.page_forms_new_dyn_inp_2_tp_5').'</option> <option value="6" '.(old('fields')[$i]['fieldType'] == '6' ? 'selected' : '').'>'.__('site.page_forms_new_dyn_inp_2_tp_6').'</option> </select> </div> <div class="col-1" style="padding-top:30px;"><button type="button" id="'.$i.'" class="removeInp btn btn-danger"><i class="fa fa-xmark"></i></button></div> '.$addon.' </div>';
                                        }
                                        $addon = '';
                                        $i++;
                                    }
                                @endphp

                            @endif
                        </div>
                        @if(!$totalReply)<div class="mb-3"><a class="ps-3 addInput clickable mt-0">{{ __('site.page_forms_new_dyn_btn_new') }}</a></div>@endif


                </div>
                <div class="block-content py-2 border-top">
                    <button type="submit" class="btn btn-primary">{{ __('site.action_save') }}</button>
                </div>
                </form>
            </div>

        </div>
    </div>

</div>

</div>

</main>


@include('includes/footer')

</div>
<script src="/assets/js/lib/jquery.min.js"></script>
<script src="/assets/js/main.min.js"></script>
<script>
    $('.addInput').on('click', add);
    $('body').on('click','.removeInp', remove);

    function add() {
        var new_chq_no = parseInt($('#total_chq').val()) + 1;
        var new_input = '<div class="row g-2 ps-3 h-width mb-3 addInp-'+new_chq_no+'"> <div class="col-6"> <label class="form-label">{{ __('site.page_forms_new_dyn_inp_1') }}</label> <input type="text" class="form-control" name="fields['+new_chq_no+'][fieldName]" autocomplete="off"> </div> <div class="col-5"> <label class="form-label">{{ __('site.page_forms_new_dyn_inp_2') }}</label> <select name="fields['+new_chq_no+'][fieldType]" class="form-select"> <option value="1" selected="selected">{{ __('site.page_forms_new_dyn_inp_2_tp_1') }}</option> <option value="2">{{ __('site.page_forms_new_dyn_inp_2_tp_2') }}</option> <option value="3">{{ __('site.page_forms_new_dyn_inp_2_tp_3') }}</option> <option value="4">{{ __('site.page_forms_new_dyn_inp_2_tp_4') }}</option> <option value="5">{{ __('site.page_forms_new_dyn_inp_2_tp_5') }}</option> <option value="6">{{ __('site.page_forms_new_dyn_inp_2_tp_6') }}</option> </select> </div> <div class="col-1" style="padding-top:30px;"><button type="button" id="'+new_chq_no+'" class="removeInp btn btn-danger"><i class="fa fa-xmark"></i></button></div> </div>';
        $('#new_chq').append(new_input);
        $('#total_chq').val(new_chq_no);
    }

    function remove() {
        var id = $(this).attr('id');
        var last_chq_no = $('#total_chq').val();
        $('.addInp-'+id).remove();
        $('#total_chq').val(last_chq_no - 1);
    }
</script>
</body>
</html>