@extends('petugas.layouts.layout_dashboard')

@section("title") Tambah @endsection

@section("breadcrumb")
    <li class="breadcrumb-item"><a href="{{route('petugas.dashboard.index')}}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{{route('petugas.lokasi_layanan.index')}}">Lokasi Layanan </a></li>
    <li class="breadcrumb-item">@yield("title")</li>
@endsection

@section("content")

<div class="row">
    <div class="col-md-12">
        <div class="card ">
            <div class="card-header card-header-rose card-header-icon">
                <div class="card-icon">
                    <i class="material-icons">add</i>
                </div>
                <h4 class="card-title">Tambah Lokasi Layanan</h4>
            </div>
            <div class="card-body ">
                <div class="row">
                    <div class="col-md-6">
                    </div>
                    <div class="col-md-6 text-right">
                        <a href="{{route('petugas.lokasi_layanan.index')}}" class="ml-1 btn btn-rose btn-sm">
                             Kembali
                        </a>
                    </div>
                </div>

                {{ Form::open(['route' => 'petugas.lokasi_layanan.store','enctype'=>"multipart/form-data"]) }}
                    <div class="row">
                        <label for="nama_lola" class="col-sm-2 col-form-label">Nama Lokasi *</label>
                        <div class="col-sm-9">

                            <div class="form-group">
                                {{ Form::text('nama_lola', null, [
                                        'id'=>"nama_lola" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...'
                                    ])
                                }}
                                @error('nama_lola')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <label for="kode_lola" class="col-sm-2 col-form-label">Kode Lokasi *</label>
                        <div class="col-sm-9">
                            <div class="form-group">
                                {{ Form::text('kode_lola', null, [
                                        'id'=>"kode_lola" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...'
                                    ])
                                }}
                                @error('kode_lola')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <label for="alamat_lola" class="col-sm-2 col-form-label">Alamat Lokasi </label>
                        <div class="col-sm-9">
                            <div class="form-group">
                                {{ Form::text('alamat_lola', null, [
                                        'id'=>"alamat_lola" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...'
                                    ])
                                }}
                                @error('alamat_lola')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <label for="keterangan" class="col-sm-2 col-form-label">Keterangan </label>
                        <div class="col-sm-9">
                            <div class="form-group">
                                {{ Form::text('keterangan', null, [
                                        'id'=>"keterangan" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...'
                                    ])
                                }}
                                @error('keterangan')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <label class="col-sm-2 col-form-label label-checkbox">Status Aktif *</label>
                        <div class="col-sm-9 checkbox-radios">
                            <div class="form-check form-check-inline">
                                <label class="form-check-label">
                                    {{Form::radio('status_aktif', '1', 'checked')}}
                                    ON
                                    <span class="check"></span>
                                </label>
                            </div>
                            <div class="form-check form-check-inline">
                                <label class="form-check-label">
                                    {{Form::radio('status_aktif', '0')}}
                                    OFF
                                    <span class="check"></span>
                                </label>
                            </div>
                            @error('status_aktif')
                            <span class="bmd text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <br>
                    <div class="text-center">
                        <input class="btn btn-rose btn-sm" type="submit" value="Simpan" />
                    </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
</div>
@endsection