@extends('layouts.app')

@section('title', 'Submit Form')

@section('content')
<div class="container-fluid">

    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        @if($method=='POST')
        <h1 class="h3 mb-0 text-gray-800">Submit Form</h1>
        @else
        <h1 class="h3 mb-0 text-gray-800">Edit Form</h1>
        @endif
        <a href="{{route('forms.index')}}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fas fa-arrow-left fa-sm text-white-50"></i> Back</a>
    </div>

    {{-- Alert Messages --}}
    @include('common.alert')

    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">{{$form->form_name}}</h6>
        </div>
        @if(count($form->formSections)>0)
            <form id="submit-form" action="{{$action}}" method="post" enctype="multipart/form-data">
                @csrf
                @if ($method === 'PUT')
                    @method('PUT')
                @endif

                <input type="hidden" name="form_submission_id" value="{{$formSubmission->id}}" />
                @foreach ($form->formSections as $sectionInfo)
                    <div class="card-body">
                        @if (isset($sectionInfo->section->section_name) && $sectionInfo->section->section_name!="")
                            <h2>{{$sectionInfo->section->section_name}}</h2>
                        @endif
                        @if (isset($sectionInfo->section->description) && $sectionInfo->section->description!="")
                            <p>{{$sectionInfo->section->description}}</p>
                        @endif
                        <div class="form-group row">
                            @if(count($sectionInfo->sectionFields)>0)
                                @foreach($sectionInfo->sectionFields as $sectionField)
                                    @php
                                        $FieldTtype = $sectionField->field_type;
                                        $fieldRequired = "";
                                        if($sectionField->field_required==1){
                                            $fieldRequired = "required";
                                        }
                                    @endphp
                                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                                        <label for="form_{{$sectionField->field_name}}">@if($sectionField->field_required==1)<span style="color:red;">*</span>@endif {{$sectionField->field_label}}</label>
                                        @switch($FieldTtype)
                                            @case('textarea')
                                                <textarea name="{{$sectionField->field_name}}" id="form_{{$sectionField->field_name}}" class="form-control" placeholder="{{$sectionField->field_label}}" {{ $fieldRequired }}>{{ $formJsonData[$sectionField->field_name] }}</textarea>
                                            @break

                                            @case('date')
                                                <input type="text" name="{{$sectionField->field_name}}" id="form_{{$sectionField->field_name}}" class="form-control form-field-datepicker" value="{{ $formJsonData[$sectionField->field_name] }}" placeholder="{{$sectionField->field_label}}" {{ $fieldRequired }}>
                                            @break

                                            @case('file')
                                                <input type="{{$FieldTtype}}" name="{{$sectionField->field_name}}[]" id="form_{{$sectionField->field_name}}" class="form-control" value="" placeholder="{{$sectionField->field_label}}" {{ $fieldRequired }}>
                                                @if (isset($formJsonData[$sectionField->field_name]) && $formJsonData[$sectionField->field_name]!="")
                                                    @php
                                                        $fileExtension = pathinfo($formJsonData[$sectionField->field_name],PATHINFO_EXTENSION);
                                                        //dd($fileExtension);
                                                    @endphp

                                                    @if(in_array($fileExtension,explode(',', env('DOCUMENT_EXTENSIONS'))))
                                                        <a href="{{asset($formJsonData[$sectionField->field_name])}}" target="_blank" title="">
                                                            <img src="{{asset('images/download-document.png')}}" width="50">
                                                        </a>
                                                    @else
                                                        <img src="{{asset($formJsonData[$sectionField->field_name])}}" width="50">
                                                    @endif
                                                @endif
                                            @break

                                            @case('multifile')
                                                <input type="file" name="{{$sectionField->field_name}}[]" id="form_{{$sectionField->field_name}}" class="form-control" value="" placeholder="{{$sectionField->field_label}}" {{ $fieldRequired }} multiple>
                                                @if (isset($formJsonData[$sectionField->field_name]) && $formJsonData[$sectionField->field_name]!="")
                                                    @foreach ($formJsonData[$sectionField->field_name] as $keyFile=>$image)
                                                        @php
                                                            $fileExtension = pathinfo($image,PATHINFO_EXTENSION);
                                                        @endphp
                                                        <div class="image-area">
                                                            @if(in_array($fileExtension,explode(',', env('DOCUMENT_EXTENSIONS'))))
                                                                <a href="{{asset($image)}}" target="_blank" title="{{str_replace('/uploads/form_files/','',$image)}}">
                                                                    <img src="{{asset('images/download-document.png')}}" width="50">
                                                                </a>
                                                            @else
                                                                <img src="{{asset($image)}}" width="50">
                                                            @endif
                                                            <a href="javascript:void(0);" class="remove-image" onclick="return removeFile('{{$formSubmission->id}}','{{$sectionField->field_name}}','{{$keyFile}}');" >&#215;</a>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            @break

                                            @case('checkbox')
                                                <input type="{{$FieldTtype}}" name="{{$sectionField->field_name}}" id="form_{{$sectionField->field_name}}" class="form-control" value="1" placeholder="{{$sectionField->field_label}}" @if(isset($formJsonData[$sectionField->field_name]) && $formJsonData[$sectionField->field_name]==1) checked @endif {{ $fieldRequired }}>
                                            @break

                                            @case('radio')
                                                <input type="{{$FieldTtype}}" name="{{$sectionField->field_name}}" id="form_{{$sectionField->field_name}}" class="form-control" value="1" placeholder="{{$sectionField->field_label}}"  @if(isset($formJsonData[$sectionField->field_name]) && $formJsonData[$sectionField->field_name]==1) checked @endif {{ $fieldRequired }}><span>Yes</span>
                                                <input type="{{$FieldTtype}}" name="{{$sectionField->field_name}}" id="form_{{$sectionField->field_name}}" class="form-control" value="0" placeholder="{{$sectionField->field_label}}" @if(isset($formJsonData[$sectionField->field_name]) && $formJsonData[$sectionField->field_name]==0) checked @endif {{ $fieldRequired }}><span>No</span>
                                            @break

                                            @default
                                                <!--text-->
                                                <input type="{{$FieldTtype}}" name="{{$sectionField->field_name}}" id="form_{{$sectionField->field_name}}" class="form-control" value="{{ $formJsonData[$sectionField->field_name] }}" placeholder="{{$sectionField->field_label}}" {{ $fieldRequired }}>
                                        @endswitch
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                @endforeach

                <div class="card-body">
                    <button type="submit" class="btn btn-success btn-user float-right mb-3">Update</button>
                    <a class="btn btn-primary float-right mr-3 mb-3" href="{{ route('forms.submission-list') }}">Cancel</a>
                </div>
            </form>
        @endif
    </div>
</div>

@endsection

@push('script')
<script type="text/javascript">
    /** Ajax calll to delete the multiple image */
    function removeFile(formSubmissionId,fieldName,fileKey){
        //alert('=>Remove file:'+formSubmissionId+','+fieldName+','+fileKey);
        if (confirm('Are you sure to delete this file?')) {
            var url = baseUrl + "/forms/delete-form-submission-file";
            $.ajax({
                    url: url,
                    method: 'POST',
                    data: {
                        formSubmissionId: formSubmissionId,
                        fieldName: fieldName,
                        fileKey: fileKey,
                        //_token: csrfToken
                    },
                    dataType: 'JSON',
                    success: function(response) {
                        if(response.success){
                            window.location.reload();
                        }else{

                        }
                    },
                    error: function(response) {}
                });
        }
    }
    
    $(document).ready(function() {
        
    });
</script>
@endpush