@extends('layouts.template')
@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-header border-0 pt-6">
                <div class="row">
                    <div class="card-title">Coaching Mentoring</div>
                </div>
            </div>
            <div class="card-body pt-5">
                <form method="POST" action="{{ route('coaching.store') }}" enctype="multipart/form-data" id="form">
                    @csrf
                    <div class="row mb-6">
                        <div class="col-lg-6 fv-row">
                            <label class="col-lg-12 col-form-label fw-bold fs-7 required">SAM/SAS (Pembimbing)</label>
                            <select aria-label="Select Distributor" data-control="select2" data-placeholder="Select Supervisor" class="form-select form-select-solid form-select-lg fw-bold fs-7" name="pembimbing">
                                <option value=""></option>
                                <option value="1">Rima</option>
                                <option value="1">Regiani</option>
                            </select>
                        </div>
                        <div class="col-lg-6 fv-row">
                            <label class="col-lg-12 col-form-label fw-bold fs-7 required">Supervisor</label>
                            <select aria-label="Select Distributor" data-control="select2" data-placeholder="Select Supervisor" class="form-select form-select-solid form-select-lg fw-bold fs-7" name="supervisor">
                                <option value=""></option>
                                <option value="1">sam 1</option>
                                <option value="1">sam 2</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-12">
                        @foreach($question as $q)
                            @if($q->type == 1)
                            <div class="col-lg-12 fv-row">
                                <label class="col-lg-12 col-form-label required fw-bold fs-7"><b class="text-primary">{{$q->title}} :</b> {{$q->question}}</label>
                                <input type="text" name="id_question_1[]" value="{{$q->id_question}}" readonly hidden>
                                <textarea class="form-control form-control-lg form-control-solid fw-bold fs-7" aria-label="With textarea" name="answer[]" placeholder="Answer"></textarea>
                            </div>
                            <br>
                            @elseif($q->type == 2)
                            <div class="col-lg-12 fv-row">
                                <label class="col-lg-12 col-form-label required fw-bold fs-7"><b class="text-primary">{{$q->title}} :</b> {{$q->question}}</label>
                                @for($i = 1; $i <= 3; $i++)
                                <input type="text" name="id_question_2[]" value="{{$q->id_question}}" readonly hidden>
                                <div class="row mb-12">
                                    <div class="col-lg-1 fv-row">
                                        <span class="badge badge-square badge-info">{{ $i }}</span>
                                    </div>
                                    <div class="col-lg-4 fv-row" style="margin-left:-30px;">
                                        <textarea class="form-control form-control-lg form-control-solid fw-bold fs-7" aria-label="With textarea" name="permasalahan[]" placeholder="Permasalahan"></textarea>
                                    </div>
                                    <div class="col-lg-5 fv-row">
                                        <textarea class="form-control form-control-lg form-control-solid fw-bold fs-7" aria-label="With textarea" name="komitmen[]" placeholder="Komitmen"></textarea>
                                    </div>
                                    <div class="col-lg-2 fv-row">
                                       <input type="date" name="due_date[]" class="form-control form-control-lg form-control-solid fw-bold fs-7" required placeholder="" />
                                    </div>
                                </div>
                                @endfor
                            </div>
                            @else
                            <div class="col-lg-12 fv-row">
                                <label class="col-lg-12 col-form-label required fw-bold fs-7"><b class="text-primary">{{$q->title}} :</b> {{$q->question}}</label>
                                <textarea class="form-control form-control-lg form-control-solid fw-bold fs-7" aria-label="With textarea" name="answer[]" placeholder="Answer"></textarea>
                            </div>
                            <br>
                            @endif
                        @endforeach
                    </div>    
                    <div class="card-footer d-flex justify-content-between py-6 px-9">
                        <a href="{{route('coaching.index')}}" class="btn btn-warning"><i class="fas fa-arrow-left fs-4 me-2"></i></a>
                        <button type="submit" class="btn btn-primary" id="">
                        <i class="fas fa-save"></i>Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection