@extends('layouts.user.survey')
@section('content')
<style>
    .datatable-cell span {
        color: white;
    }

    .datatable-row th,
    td {
        width: auto
    }

    .paginate_button {
        padding: 5px;
        background: #172e43;
        color: white;
        margin: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .previous {
        padding: 5px;
        background: #172e43;
        color: white;
        margin: 5px;
    }

    .next {
        padding: 5px;
        background: #172e43;
        color: white;
        margin: 5px;
    }

    .dataTables_paginate {
        float: right
    }

    .current {
        background: #68541a;
    }

    .ellipsis {
        font-size: 25px;
    }

    .dataTables_filter {
        float: right
    }

    .border-r-0 {
        border-radius: 0px
    }

    .btn.btn-primary {
        background-color: #897230fa;
        border-color: #897230fa;
    }

    .btn.btn-primary.focus:not(.btn-text),
    .btn.btn-primary:focus:not(.btn-text),
    .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled) {
        background-color: #68541a;
        border-color: #68541a;
    }

    .btn-style2 {
        border-radius: 0px;
        color: white;
        border: 1px solid white;
        background: #27283d;
    }

</style>
<div class="d-flex flex-column-fluid">
    <div class="container">
        <div class="card card-custom mt-5">
            <div class="card-body text-center">
                <h1 class="title">SIEF Intention Survey <br>MBDF NİYET ANKETİ</h1>
            </div>
        </div>
        <br>
        <div class="card card-custom">
            <div class="card-body">
                <form id="myform" class="form" method="post" action="{{route('survey.store')}}">
                    @csrf @method('post')
                    <input type="hidden" name="company_id" value="{{$cas->company_id}}">
                    <input type="hidden" name="cas_id" value="{{$cas->id}}">
                    <input type="hidden" name="region_id" value="{{$cas->region_id}}">
                    <input type="hidden" name="uuid" value="{{ $cas->uuid }}">
                    <div class="row form-group">

                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-md-6">
                                    <label>Substance Name:<br>Madde Adı:</label>
                                </div>
                                <div class="col-md-6">
                                    <input type="text" name="substance_name" class="form-control" value="{{$cas->cas_name}}" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-md-6">
                                    <label>EC no:<br>EC Numarası:</label>
                                </div>
                                <div class="col-md-6">
                                    <input type="text" name="EC" class="form-control" value="{{$cas->ec_no}}" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-md-6">
                                    <label>CAS no:<br>CAS Numarası:</label>
                                </div>
                                <div class="col-md-6">
                                    <input type="text" name="CAS" class="form-control" value="{{$cas->cas_no}}" readonly>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col-md-12">
                            <h6 class="title">SIEF Member details<br>MBDF ÜYE DETAYLARI</h6>
                        </div>
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-md-6">
                                    <label>Company Name:<br>Şirket Adı:</label>
                                </div>
                                <div class="col-md-6">
                                    <input type="text" name="company_name" class="form-control" value="{{ $cas->company_name }}" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-md-6">
                                    <label>Member contact name:<br>İletişim Kişisi Adı:</label>
                                </div>
                                <div class="col-md-6">
                                    <input type="text" name="contact_name" class="form-control" value="{{ $cas->contact_name }}">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-md-6">
                                    <label>Member contact email:<br>İletişim e-maili:</label>
                                </div>
                                <div class="col-md-6">
                                    <input type="text" name="email" class="form-control" value="{{$cas->e_mail }}" data-validate-field="email">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-md-6">
                                    <label>Pre-registration no:<br>Ön Kayıt Başvuru Numarası:</label>
                                </div>
                                <div class="col-md-6">
                                    <input type="text" name="preregistration_no" class="form-control" value="{{ $cas->preregistration_no }}" readonly>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <h6 class="title">SIEF Intention<br>MBDF NİYETİ</h6>
                        </div>
                    </div>
                    @foreach($questions as $key => $n)

                    <div class="form-group m-0 ">
                        <input type="hidden" name="question{{$key}}" placeholder="Comapny Name" class="form-control" value="{{$n->id}}">
                        <input type="hidden" name="question[]" value="{{$n->id}}">
                        <label>Q.{{$n->id}} &nbsp; @php echo $n->question; @endphp </label>
                    </div>
                    <div class="row m-0 mb-3">
                        @php
                        $ans = DB::table('survey_question_answers')->where('question_id', $n->id)->get();
                        @endphp
                        @foreach($ans as $key => $m )
                        <div class="col-md-3">
                            <input type="hidden" name="ans[]" value="{{$m->id}}">
                            <input type="radio" name="ans{{$m->question_id}}" value="{{$m->id}}" required data-validate-field="ans{{$m->question_id}}">
                            <label style="margin-right: 30px;font-weight: 400;">@php echo $m->answers; @endphp</label>
                        </div>
                        @endforeach
                    </div>
                    @endforeach
                    <div class="form-group">
                        <label><span>Phys-Chem<br>Fizikokimyasal:</span></label>
                    </div>
                    <div class="form-group">
                        <textarea name="phys_chem" class="form-control"></textarea>
                    </div>
                    <div class="form-group">
                        <label><span>Ecotoxicology<br>Ekotoksikoloji:</span></label>
                    </div>
                    <div class="form-group">
                        <textarea name="ecotoxicology" class="form-control"></textarea>
                    </div>
                    <div class="form-group">
                        <label><span>Toxicology<br>Toksikoloji:</span></label>
                    </div>
                    <div class="form-group">
                        <textarea name="toxicology" class="form-control"></textarea>
                    </div>
                    <div class="form-group">
                        <label><span>Other<br>Diğerleri:</span></label>
                    </div>
                    <div class="form-group">
                        <textarea name="other" class="form-control"></textarea>
                    </div>
                    <div class="form-group text-center">
                        <button name="seifsurveysubmit" type="submit" class="btn btn-style2 btn-lg" title="Submit Survey">Submit</button>
                        <a href="{{route('home')}}" class="btn btn-style1 text-white btn-lg">BACK</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
    new window.JustValidate('.form', {
        rules: {
            email: {
                required: true
            }
            , ans1: {
                required: true
            }
            ans2: {
                required: true
            }
            ans3: {
                required: true
            }
            ans4: {
                required: true
            }
            ans5: {
                required: true
            }

        },

        messages: {
            email: {
                remote: 'Field is required'
            , }
            , ans1: {
                remote: 'Field is required'
            , }
            , ans2: {
                remote: 'Field is required'
            , }
            , ans3: {
                remote: 'Field is required'
            , }
            , ans4: {
                remote: 'Field is required'
            , }
            , ans5: {
                remote: 'Field is required'
            , },

        },

        submitHandler: function(form) {
            Swal.fire({
                title: 'Are you sure?'
                , text: "Are you sure you want to submit survey!"
                , icon: 'warning'
                , showCancelButton: true
                , confirmButtonColor: '#3085d6'
                , cancelButtonColor: '#d33'
                , confirmButtonText: 'Yes, submit it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    $("#exampleModal").modal({
                        backdrop: 'static'
                        , keyboard: false
                    });
                    $('#myform').submit();
                }
            })
        }
    , });

</script>
@endsection