@extends('layouts.app')

@section('title')
@endsection


@push('prepend-style')
@endpush
@push('addon-style')
@endpush

@section('content')

<div class="main-content app-content mt-0">
    <div class="side-app">

        <!-- CONTAINER -->
        <div class="main-container container-fluid">

            <!-- PAGE-HEADER -->
            <div class="page-header">
                <h1 class="page-title">Seminar</h1>
                <div>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">Forms</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Seminar</li>
                    </ol>
                </div>
            </div>
            <!-- PAGE-HEADER END -->

            <!-- Row -->
            <div class="row">
                <div class="col-md-12 col-xl-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Tambah Seminar</h4>
                        </div>
                        <div class="card-body">
                            <form class="form" method="post" action="{{ route('add-seminar') }}">
                                @csrf
                                <div class=" row mb-4">
                                    <label for="inputName" class="col-md-3 form-label">Nama Seminar</label>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" id="seminar" name="seminar" value="{{ old('seminar') }}" placeholder="Nama Seminar" required>
                                    </div>
                                </div>
                                <div class=" row mb-4">
                                    <label for="inputName" class="col-md-3 form-label">Tanggal Seminar</label>
                                    <div class="col-md-9">
                                        <input class="form-control fc-datepicker" placeholder="MM/DD/YYYY" type="text" value="{{ old('tanggal') }}" name="tanggal" autocomplete="off">
                                    </div>
                                </div>
                                <div class=" row mb-4">
                                    <label for="inputName" class="col-md-3 form-label">Kota</label>
                                    <div class="col-md-9">
                                        <div class="form-group">
                                            <select class="form-control select2-show-search form-select" name="kota" required
                                                data-placeholder="Pilih Kota" >
                                                <option label="Pilih Kota" selected disabled></option>
                                                @foreach ( $kota as $kotaitem )
                                                <option value="{{ $kotaitem->id }}" @if(old('kota') == $kotaitem->id ) selected @endif>{{ $kotaitem->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class=" row mb-4">
                                    <label for="inputName" class="col-md-3 form-label">Alamat</label>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" id="alamat" name="alamat" value="{{ old('alamat') }}" placeholder="Alamat" >
                                    </div>
                                </div>
                                <div class=" row mb-4">
                                    <label for="inputName" class="col-md-3 form-label">Keterangan Seminar</label>
                                    <div class="col-md-9">
                                        <textarea type="text" class="form-control" id="keterangan" name="keterangan" placeholder="Keterangan Seminar" >{{ old('keterangan') }}</textarea>
                                    </div>
                                </div>


                                <div class="mb-0 mt-4 row justify-content-end">
                                    <div class="col-md-9">
                                        <button class="btn btn-primary" type="submit">Simpan</button>
                                        <a href="{{ route('seminar') }}" class="btn btn-secondary">Batal</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Row -->


        </div>
        <!-- CONTAINER CLOSED -->

    </div>
</div>
@endsection

@push('addon-script')
    <!-- SELECT2 JS -->
    <script src="{{ asset('assets/plugins/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2.js') }}"></script>


    <!-- INTERNAL Bootstrap-Datepicker js-->
    <script src="{{ asset('assets/plugins/bootstrap-daterangepicker/daterangepicker.js') }}"></script>

    <!-- BOOTSTRAP-DATERANGEPICKER JS -->
    <script src="{{ asset('assets/plugins/bootstrap-daterangepicker/moment.min.js') }}"></script>

    <!-- INTERNAL Bootstrap-Datepicker js-->
    <script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>

    <!-- INTERNAL Sumoselect js-->
    <script src="{{ asset('assets/plugins/sumoselect/jquery.sumoselect.js') }}"></script>

    <!-- TIMEPICKER JS -->
    <script src="{{ asset('assets/plugins/time-picker/jquery.timepicker.js') }}"></script>
    <script src="{{ asset('assets/plugins/time-picker/toggles.min.js') }}"></script>

    <!-- DATEPICKER JS -->
    <script src="{{ asset('assets/plugins/date-picker/date-picker.js') }}"></script>
    <script src="{{ asset('assets/plugins/date-picker/jquery-ui.js') }}"></script>
    <script src="{{ asset('assets/plugins/input-mask/jquery.maskedinput.js') }}"></script>


    <script src="{{ asset('assets/js/form-elements.js') }}"></script>


@endpush