@extends('layouts.master')

@section('title')
    Penyelenggaraan Seminar/Conference
@endsection

@section('header')
<div class="page-title">
    <h3>Penyelenggaraan Seminar/Conference</h3>
</div>
@endsection

@section('contents')
@php
 $menu = 'dashboard';
@endphp
    <div class="account-settings-container layout-top-spacing">
        {{ Form::open(['url' => route('penyelenggaraseminar.store'), 'method' => 'post', 'class' => 'section general-info', 'id' => 'stafpendukung']) }}
        <div class="account-content">
            <div class="scrollspy-example" data-spy="scroll" data-target="#account-settings-scroll" data-offset="-100">
                <div class="row">

                    <div class="col-xl-12 col-lg-12 col-md-12 layout-spacing">
                        <div class="info">
                            <h5 class="">Data Penyelenggaraan Seminar/Conference</h5>
                            <div class="row">
                                <div class="col-md-11 mx-auto">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label>Nama Seminar Conference</label>
                                                <textarea class="form-control" id="nama_seminar" name="nama_seminar" placeholder="Nama Seminar Conference" rows="2"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Unit Pelaksanaan</label>
                                                <input type="text" class="form-control mb-4" id="unit_pelaksana" name="unit_pelaksana" placeholder="Unit Pelaksanaan">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Mitra Conference</label>
                                                <input type="text" class="form-control mb-4" id="mitra" name="mitra" placeholder="Mitra Conference">
                                            </div>
                                        </div>
                                        @php $skala = array('Tingkat Internasional' => 'Tingkat Internasional', 'Tingkat Nasional'=>'Tingkat Nasional', 'Regional'=>'Regional'); @endphp
                                            <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Skala Conference</label>
                                                <select class="form-control" id="skala" name="skala">
                                                @foreach($skala as $item)
                                                    <option value="{{$item}}">{{$item}}</option>
                                                @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                        </div>
                                        <div class="col-md-6">
                                            <label for="date">Waktu Pelaksanaan</label>
                                                <div class="row">
                                                <div class="col-xl-5">
                                                    <div class="form-group">
                                                        <input id="dateAwal" type="text" class="form-control flatpickr flatpickr-input active" name="waktu_pelaksanaan_awal">
                                                    </div>
                                                </div>
                                                <div class="col-xl-1">
                                                    <div class="form-group">
                                                        <label for="date2">s/d</label>
                                                    </div>
                                                </div>
                                                <div class="col-xl-5">
                                                    <div class="form-group">
                                                        <input id="dateAkhir" type="text" class="form-control flatpickr flatpickr-input active" name="waktu_pelaksanaan_akhir">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Tempat Pelaksanaan</label>
                                                <input type="text" class="form-control mb-4" id="tempat" name="tempat" placeholder="Tempat Pelaksanaan">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>URL Conference</label>
                                                <input type="text" class="form-control mb-4" id="url" name="url" placeholder="URL Conference">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="account-settings-footer">
            <div class="as-footer-container">
                <button id="multiple-reset" class="btn btn-warning">Batal</button>
                <button id="multiple-messages" class="btn btn-primary">Save Changes</button>
            </div>
        </div>
        {{ Form::close() }}
    </div>

@endsection

@section('js')
    <script src="{{ url('theme/plugins/apex/apexcharts.min.js') }} "></script>
    <script src="{{ url('theme/assets/js/dashboard/dash_2.js') }} "></script>

    <script src="{{ url('theme/assets/js/scrollspyNav.js') }}"></script>
    <script src="{{ url('theme/plugins/flatpickr/flatpickr.js') }}"></script>
    <script src="{{ url('theme/plugins/noUiSlider/nouislider.min.js') }}"></script>

    <script>
        var f1 = flatpickr(document.getElementById('dateAwal'));
        var f2 = flatpickr(document.getElementById('dateAkhir'));
    </script>
    <script src="{{ url('theme/plugins/noUiSlider/custom-nouiSlider.js') }}"></script>
    <script src="{{ url('theme/plugins/bootstrap-range-Slider/bootstrap-rangeSlider.js') }}"></script>
@endsection
