{{ Form::open(array('url' => $action, 'method' => $method)) }}

<div class="row">
	<div class="col-md-6">
		{{ Form::defName('title', "Judul", $poll->title, ['required']) }}
	</div>
</div>

{{ Form::defdescription('description', "Deskripsi", $poll->description, ['required']) }}

<div class="row">
	<div class="col-sm-6 col-md-3">
		{{ Form::defDate('startdate', 'Tgl. Mulai', $poll->startdate, ['required']) }}
	</div>
	<div class="col-sm-6 col-md-3">
		{{ Form::defTime('starttime', 'Jam Mulai', $poll->startdate, ['required']) }}
	</div>
</div>
<div class="row">
	<div class="col-sm-6 col-md-3">
		{{ Form::defDate('enddate', 'Tgl. Berakhir', $poll->enddate, ['required']) }}
	</div>
	<div class="col-sm-6 col-md-3">
		{{ Form::defTime('endtime', 'Jam Berakhir', $poll->enddate, ['required']) }}
	</div>
</div>

<div class="form-group">
    <label>Opsi</label>

    <div class="table-responsive">
        <table class="table" id="table-option">
            <tbody>
                @if (empty($poll->options))
                    <tr>
                        <td>
                            <input type="text" name="options[]" class="form-control" placeholder="....." autocomplete="off">
                        </td>
                        <td></td>
                    </tr>
                @else
                    @php
                    $options = json_decode($poll->options, true);
                    @endphp
                    @foreach ($options as $index => $o)
                        <tr>
                            <td>
                                <input type="text" name="options[]" value="{{ $o }}" class="form-control" placeholder="....." autocomplete="off">
                            </td>
                            <td>
                                @if ($index != 0)
                                    <button type="button" class="btn btn-danger btn-delete"><i class="mdi mdi-trash-can"></i></button>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                @endif
            </tbody>
            <tfoot>
                <tr>
                    <td>
                        <a href="javascript:void(0)" id="btn-add">
                            <i class="mdi mdi-plus"></i> ADD NEW
                        </a>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

{{ Form::defSubmitDefault('SIMPAN') }}
<a href="{{url()->previous()}}" class="btn btn-danger btn-rounded">Batal</a>

{{ Form::close() }}

@push('scripts')
<script>
$(document).ready(function(){
    $("#btn-add").click(function(){
        $("#table-option tbody").append("<tr>" +
                "<td>" +
                    "<input type='text' name='options[]' class='form-control' placeholder='.....' autocomplete='off'>" +
                "</td>" +
                "<td>" +
                    "<button type='button' class='btn btn-danger btn-delete'><i class='mdi mdi-trash-can'></i></button>" +
                "</td>" +
            "</tr>")
    })

    $("#table-option").on("click", ".btn-delete", function(){
        $(this).closes("tr").remove()
    })
})
</script>
@endpush