@if ($scrum_board->id)
    {!! Form::model($scrum_board, ['route' => ['admin.scrum-boards.update', [$scrum_board, 'view' => request()->get('view')]], 'method' => 'PUT']) !!}
@else
    {!! Form::model($scrum_board, ['route' => ['admin.scrum-boards.store'], 'method' => 'POST']) !!}
@endif

<div class="row">
    <div class="form-group col-6">
        {{ Form::label('name', __('Name'), ['class' => 'col-form-label']) }}
        {!! Form::text('name', null, ['class' => 'form-control', 'placeholder' => __('Name')]) !!}
    </div>

    <div class="form-group col-6">
      {{ Form::label('is_private', __('Is Private'), ['class' => 'col-form-label']) }}
      {!! Form::select('is_private', ['1' => 'Yes', '0' => 'No'], null, [
        'class' => 'form-select',
        'data-kt-select2' => 'true'
      ]) !!}
    </div>

    <div class="form-group">
      {{ Form::label('description', __('Description'), ['class' => 'col-form-label']) }}
      {!! Form::textarea('description', null, ['class' => 'form-control', 'required'=> 'true', 'rows' => 3, 'placeholder' => __('Description')]) !!}
    </div>
</div>

<!-- Form Repeater -->
<div class="col-12">
  <div class="form-repeater">
    <div class="mt-2 d-flex justify-content-between">
      <h5>Pipelines</h5>
      <div class="mb-0">
        <button class="btn btn-primary" data-repeater-create type="button">
          <i class="ti ti-plus me-1"></i>
          <span class="align-middle">Add</span>
        </button>
      </div>
    </div>
    <div class="">
      <div data-repeater-list="pipelines">
        @forelse ($scrum_board->pipelines as $index=>$pipeline)
          <div class="d-flex border rounded position-relative pe-0 mb-2" data-repeater-item>
            <div class="row w-100 p-6 m-2 me-0">
              <div class="d-flex justify-content-between mb-1">
                <div class="col-lg-6 col-xl-8 col-12">
                  <input type="text" class="form-control" placeholder="Name" name="name" value="{{$pipeline->name}}" />
                  <input type="hidden" name="id" value="{{$pipeline->id}}" />
                </div>
                {{-- checkbox is default --}}
                <div class="col-lg-6 col-xl-2 col-12">
                  <div class="form-check  mt-2">
                    <input class="form-check-input pipeline_is_default" type="checkbox" name="is_default" value="1" @checked($pipeline->is_default)/>
                    <label class="form-check-label">Default</label>
                  </div>
                </div>
              </div>
              <!-- innner repeater -->
              <div class="inner-repeater row">
                <div class="col-4"></div>
                <div class="col-8">
                  <div class="d-flex justify-content-between">
                    <span class="fw-bold">CheckItems</span>
                    <button class="btn btn-label-primary btn-sm" data-repeater-create type="button">Add</button>
                  </div>
                  <div class="ci-items-wrapper" data-repeater-list="checkitems">
                    @forelse($pipeline->checkItems as $checkItem)
                      <div class="d-flex" data-repeater-item>
                        <i class="ti ti-menu-2 cursor-pointer bi-drag-ci mt-2 me-1"></i>
                        <div class="w-100">
                          <div class="d-flex justify-content-end mt-1 input-group">
                            <input type="hidden" name="id" value="{{$checkItem->id}}" />
                            <input type="text" class="form-control form-control-sm" placeholder="Title" name="title" value="{{$checkItem->title}}" />
                            <button class="btn btn-label-danger btn-sm" data-repeater-delete type="button"><i class="ti ti-x ti-xs me-1"></i></button>
                          </div>
                        </div>
                      </div>
                    @empty
                      <div class="d-flex" data-repeater-item>
                        <i class="ti ti-menu-2 cursor-pointer bi-drag-ci mt-2 me-1"></i>
                        <div class="w-100">
                          <div class="d-flex justify-content-end mt-1 input-group">
                            <input type="text" class="form-control form-control-sm" placeholder="Title" name="title" />
                            <button class="btn btn-label-danger btn-sm" data-repeater-delete type="button"><i class="ti ti-x ti-xs me-1"></i></button>
                          </div>
                        </div>
                      </div>
                    @endforelse
                  </div>
                </div>
              </div>
              <!-- /inner repeater -->
            </div>
            <div class="d-flex flex-column align-items-center justify-content-between border-start p-2">
              <i class="ti ti-x cursor-pointer" data-repeater-delete=""></i>
              <i class="ti ti-menu-2 cursor-pointer bi-drag"></i>
            </div>
          </div>
        @empty
          <div class="d-flex border rounded position-relative pe-0 mb-2" data-repeater-item>
            <div class="row w-100 p-6 m-2 me-0">
              <div class="d-flex justify-content-between mb-1">
                <div class="col-lg-6 col-xl-8 col-12">
                  <input type="text" class="form-control" placeholder="Name" name="name" />
                </div>
                {{-- checkbox is default --}}
                <div class="col-lg-6 col-xl-2 col-12">
                  <div class="form-check  mt-2">
                    <input class="form-check-input pipeline_is_default" type="checkbox" name="is_default" value="1"/>
                    <label class="form-check-label">Default</label>
                  </div>
                </div>
              </div>
              <!-- innner repeater -->
              <div class="inner-repeater row">
                <div class="col-4"></div>
                <div class="col-8">
                  <div class="d-flex justify-content-between">
                    <span class="fw-bold">CheckItems</span>
                    <button class="btn btn-label-primary btn-sm" data-repeater-create="checkitems" type="button">Add</button>
                  </div>
                  <div class="ci-items-wrapper" data-repeater-list="checkitems">
                    <div class="d-flex" data-repeater-item>
                      <i class="ti ti-menu-2 cursor-pointer bi-drag-ci mt-2 me-1"></i>
                      <div class="w-100">
                        <div class="d-flex justify-content-end mt-1 input-group">
                          <input type="text" class="form-control form-control-sm" placeholder="Title" name="title" />
                          <button class="btn btn-label-danger btn-sm" data-repeater-delete type="button"><i class="ti ti-x ti-xs me-1"></i></button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- /inner repeater -->
            </div>
            <div class="d-flex flex-column align-items-center justify-content-between border-start p-2">
              <i class="ti ti-x cursor-pointer" data-repeater-delete=""></i>
              <i class="ti ti-menu-2 cursor-pointer bi-drag"></i>
            </div>
          </div>
        @endforelse
      </div>
    </div>
  </div>
</div>
<!-- /Form Repeater -->

<div class="mt-3">
    <div class="btn-flt float-end">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Close') }}</button>
        <button type="submit" data-form="ajax-form" class="btn btn-primary">{{ __('Save') }}</button>
    </div>
</div>
{!! Form::close() !!}