@extends('layout.layout')

{{-- Style --}}
@push('links')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme/dist/select2-bootstrap4.min.css">
@endpush

{{-- Content --}}
@section('content')
<div class="row justify-content-center">
  <div class="col-12 col-lg-10">
    <div class="shadow-sm p-3 bg-white rounded-lg pt-4">
      <form id="editForm" method="post">
        @csrf
        <div class="form-group row">
          <label class="col-form-label col-12 col-sm-3 text-sm-center" for="tracing_survey">
            <span class="align-middle"><span class="text-red">※&ensp;</span><b>疫調問卷範本</b></span>
          </label>
          <div class="input-group col-12 col-sm-9">
            @php
            $tracing_survey_id = old('tracing_survey_id',$tracing_survey_id??null);
            @endphp
            <select name="tracing_survey_id" class="select2 form-control {{ $errors->has('tracing_survey_id') ? ' is-invalid' : '' }}" id="tracing_survey" data-live-search="true" required>
              <option value="">請選擇疫調問卷</option>
              @foreach($survey_options as $option)
              <option value="{{$option->id}}"
              @if($option->id==$tracing_survey_id)
              selected
              @endif
              >{{$option->title}}</option>
              @endforeach
            </select>
            <small class="form-text text-muted" style="width:100%;"></small>
            @if ($errors->has('tracing_survey_id'))
              @foreach($errors->get('tracing_survey_id') as $error)
              <div class="invalid-feedback">
                {{ $error }}
              </div>
              @endforeach
            @endif
          </div>
        </div>

        <div class="text-center mt-5">
          <button type="submit" class="btn btn-lg btn-success font-weight-bold submit-btn">儲存</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js" integrity="sha256-AFAYEOkzB6iIKnTYZOdUf9FFje6lOTYdwRJKwTN5mks=" crossorigin="anonymous"></script>
<script>

$(document).ready(function() {
  $('.select2').select2({
    theme: 'bootstrap4',
  });
});
</script>
@endpush