@extends('layouts.panel.app', ['title' => 'Tambah Slider'])

@section('content')

<section class="section">
    <div class="section-title">
        <h3>Slider</h3>
    </div>
    <p class="section-lead">
        Silahkan tambah, ubah atau hapus data menu slider di sini.
    </p>
    <div class="row">
        <div class="col-md-12">
            <div class="card border-0 shadow rounded">
                <div class="card-header">
                    <h4>Tambah Slider</h4>
                    <div class="card-header-action">
                        <a href="{{ route('pengurus.slider') }}" class="btn btn-success">Kembali</a>
                    </div>
                </div>
                <div class="card-body">
                    <form id="fmslider" action="{{ route('pengurus.slider.store') }}" method="POST" enctype="multipart/form-data" class="needs-validation" novalidate="">
                        @csrf

                        <div class="alert alert-info alert-has-icon">
                            @php
                            $label = \App\Models\Label::where(['code' => 'info-menu' ])->first()
                            @endphp
                            <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                            <div class="alert-body">
                                <div class="alert-title"><strong> {!!html_entity_decode($label->title)!!}</strong></div>
                                {!!html_entity_decode($label->desc)!!}
                            </div>
                        </div>
                        <label class="font-weight-bold">Note : <span style="color: red;"> **</span> ) wajib diisi </label>
                        <hr>

                        <div class="row">
                            <div class="col-4">
                                <div class="form-group">
                                    <label class="font-weight-bold">NAMA <span style="color: red;"> **</span></label>
                                    <input type="text" class="form-control" name="name" value="{{ old('name') }}" placeholder="Masukkan Nama Slider" required="">
                                    <!-- error message untuk name -->
                                    <div class="invalid-feedback alert alert-danger mt-2">
                                        Masukan nama slider
                                    </div>
                                </div>
                            </div>
                            <div class="col-8">
                                <div class="form-group">
                                    <label class="font-weight-bold">JUDUL <span style="color: red;"> **</span></label>
                                    <input type="text" class="form-control" name="title" value="{{ old('title') }}" placeholder="Masukkan Judul Slider" required="">
                                    <!-- error message untuk title -->
                                    <div class="invalid-feedback alert alert-danger mt-2">
                                        Masukan judul slider
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-3">
                                <div class="form-group">
                                    <label class="font-weight-bold">TOMBOL 1 <span style="color: red;"> **</span></label>
                                    <input type="text" class="form-control" name="btn_name1" value="{{ old('btn_name1') }}" placeholder="Masukkan Nama Tombol" required="">
                                    <!-- error message untuk tombol -->
                                    <div class="invalid-feedback alert alert-danger mt-2">
                                        Masukan nama tombol
                                    </div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label class="font-weight-bold">ROUTE 1 <span style="color: red;"> **</span></label>
                                    <select class="form-control select2" name=" btn_name1_route" value="{{ old('btn_name1_route') }}" placeholder="Pilih Route Tombol" required="">
                                        <option value="">Pilih Route Tombol</option>
                                        @foreach($route as $item)
                                        <option value="{{ $item->name }}">{{ $item->name }}</option>
                                        @endforeach
                                    </select><!-- error message untuk route -->
                                    <div class="invalid-feedback alert alert-danger mt-2">
                                        Masukan route tombol
                                    </div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label class="font-weight-bold">TOMBOL 2 <span style="color: red;"> **</span></label>
                                    <input type="text" class="form-control" name="btn_name2" value="{{ old('btn_name2') }}" placeholder="Masukkan Nama Tombol" required="">
                                    <!-- error message untuk tombol -->
                                    <div class="invalid-feedback alert alert-danger mt-2">
                                        Masukan nama tombol
                                    </div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label class="font-weight-bold">ROUTE 2 <span style="color: red;"> **</span></label>
                                    <select class="form-control select2" name=" btn_name2_route" value="{{ old('btn_name2_route') }}" placeholder="Pilih Route Tombol" required="">
                                        <option value="">Pilih Route Tombol</option>
                                        @foreach($route as $item)
                                        <option value="{{ $item->name }}">{{ $item->name }}</option>
                                        @endforeach
                                    </select>
                                    <!-- error message untuk route -->
                                    <div class=" invalid-feedback alert alert-danger mt-2">
                                        Pilih route tombol
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="font-weight-bold">GAMBAR <span style="color: red;"> **</span></label>
                            <div class="md-2">
                                <img id="imgPreview" src="{{asset('assets/images/default-slider.png')}}" alt="Gambar" style="width: 272px; height: 153px" />
                            </div>
                            <div class="md-2">
                                <p>
                            </div>
                            <input type="file" class="form-control" id="images" name="images" accept=".jpg,.jpeg,.png" value="{{ old('image') }}" placeholder="Masukkan Gambar Slider" required="">
                            <!-- error message untuk image -->
                            <div class="invalid-feedback alert alert-danger mt-2">
                                Masukan gambar slider
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="font-weight-bold">DESKRIPSI <span style="color: red;"> **</span></label>
                            <textarea class="summernote-simple form-control" form="fmslider" name="desc" rows="5" placeholder="Masukkan Deskripsi Slider" required=""></textarea>
                            <!-- error message untuk desc -->
                            <div class="invalid-feedback alert alert-danger mt-2">
                                Masukan deskripsi slider
                            </div>
                        </div>

                        <div class="form-group">
                            <button type="submit" style="width:100px" class="btn btn-primary btn-action" data-toggle="tooltip" title="Simpan"><i class="fas fa-save"></i></button>
                            <button type="reset" onclick="myReset()" class="btn btn-warning btn-action" data-toggle="tooltip" title="Batal"><i class="fas fa-redo-alt"></i></button>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>

@endsection