desa

@extends('layouts.global')
@section('footer-scripts')
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-
rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-
rc.0/js/select2.min.js"></script>
<script>
    $('#categories').select2({
        ajax: {
            url: 'http://localhost:8000//ajax/categories/search',
            processResults: function (data) {
                return {
                    results: data.map(function (item) {
                        return {
                            id: item.id,
                            text: item.name
                        }
                    })
                }
            }
        }
    });
</script>
@endsection
@section('title') Create Data Desa @endsection
@section('content')

<div class="col-md-8">
    @if(session('status'))
    <div class="alert alert-success">
        {{session('status')}}
    </div>
    @endif
    <form enctype="multipart/form-data" class="bg-white shadow-sm p-3" action="{{route('desas.store')}}" method="POST">

        @csrf

        <label>Nama desa</label><br>
        <input type="text" class="form-control" name="name" />
        <br>

        <label for="kecamatans">Kecamatan</label><br>
        <select name="kecamatans[]" multiple id="kecamatans" class="form-control">
        </select>
        <br><br />


        <label>Longitude</label><br>
        <input type="text" class="form-control" name="longitude" />
        <br>

        <label>Latitude</label><br>
        <input type="text" class="form-control" name="latitude" />
        <br>

        <input type="submit" class="btn btn-primary" value="Save" />
    </form>
</div>

@endsection