@extends('layout.admin')

@section('content')
    <div class="row bg-title" style="background-color: white;">
        <!-- .page title -->
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Agenda Acara</h4> 
        </div>
        <!-- /.page title -->

        <!-- .breadcrumb -->
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="javascript:void(0)">Fitur</a></li>
                <li class="active">Agenda Acara</li>
            </ol>
        </div>
        <!-- /.breadcrumb -->
    </div>

    <!-- .row -->
    <div class="row">
        <div class="col-lg-12 col-sm-12 col-xs-12">
            <div class="white-box">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li class=""><a href="{{ url('agenda-acara') }}"><span class="visible-xs"><b>Lihat Data</b></span><span class="hidden-xs"><b>Lihat Data</b></span></a></li>
                    <li  class="active"><a href="{{ url('agenda-acara/create') }}" ><span class="visible-xs"><b>Tambah Data</b></span> <span class="hidden-xs"><b>Tambah Data</b></span></a></li>
                    <li  class=""><a href="{{ url('agenda-acara/kalender') }}" ><span class="visible-xs"><b>Kalender Agenda</b></span> <span class="hidden-xs"><b>Kalender Agenda</b></span></a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane active">
                        <!-- .row -->
                        <div class="row">
                            <div class="col-sm-12">
                                @if($var['method']=='edit')
                                    {!! Form::model($listAgenda, ['method'=>'PATCH', 'route'=> ['agenda-acara.update', $listAgenda->id.$var['url']['all']], 'id'=>'form-agenda-acara', 'class'=>'form-horizontal', 'files'=>true]) !!}
                                @elseif($var['method']=='create')
                                    {!! Form::open(['id'=>'form-agenda-acara', 'method'=>'POST', 'route'=>'agenda-acara.store', 'class'=>'form-horizontal', 'files'=>true]) !!}
                                @else
                                    {!! Form::model($listAgenda, ['class'=>'form-horizontal', 'files'=>true]) !!}
                                @endif

                                    <div class="form-group">
                                        {!! Form::label('nama_agenda', 'Nama Agenda.', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                            {!! Form::text('nama_agenda', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Nama Agenda']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('tanggal_libur', 'Tanggal Acara', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                            <div class="input-daterange input-group" id="date-range">
                                            {!! Form::text('waktu_mulai', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Tanggal Mulai', 'id'=>'waktu_mulai']) !!}
                                            <span class="input-group-addon bg-info b-0 text-white">s/d</span>
                                            {!! Form::text('waktu_selesai', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Tanggal Selesai', 'id'=>'waktu_selesai']) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('keterangan', 'Keterangan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                            {!! Form::textarea('keterangan', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Keterangan', 'rows'=>5]) !!}
                                        </div>
                                    </div>
                                    
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <div class="col-md-12 col-md-offset-7 col-xs-8 col-xs-offset-4">
                                                @if($var['method']=='edit')
                                                    {!! Form::submit('Update', ['class'=>'btn btn-primary']) !!}
                                                    {!! Form::reset('Reset', ['class'=>'btn btn-danger']) !!}
                                                @elseif($var['method']=='create')
                                                    {!! Form::submit('Simpan', ['class'=>'btn btn-primary']) !!}
                                                    {!! Form::reset('Reset', ['class'=>'btn btn-danger']) !!}
                                                @else
                                                    <a href="{{ url()->previous() }}" class="btn btn-primary">Kembali</a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                {!! Form::close() !!}  
                            </div>
                        </div>
                        <!-- /.row -->
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- .row -->
@endsection

@section('javascript')
    <script type="text/javascript">
        $(document).ready(function() {  
            $("#form-agenda-acara").validate({
                rules: {
                    nama_agenda: "required",
                    waktu_mulai: "required",
                    waktu_selesai: "required",
                },
                messages: {
                    nama_agenda: "Kolom nama agenda harus diisi",
                    waktu_mulai: "Kolom tanggal mulai harus diisi",
                    waktu_selesai: "Kolom tanggal selesai harus diisi",
                }
            });
        });
          
    </script>
    </script>
@endsection