@extends('layouts.master')
@section('content')
<div class="app-title">
    <div>
        <h1><i class="fa fa-th-list"></i> Peserta Rekrutmen</h1>
    </div>
    <ul class="app-breadcrumb breadcrumb side">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item active"><a href="#">Add Data</a></li>
    </ul>
</div>
@if(session('message'))
<div class="row">
    <div class="col-md-12">
        <div class="alert alert-success">{{ session('message') }}</div>
    </div>
</div>
@endif   
<div class="row">
    <div class="col-md-12">
        <div class="tile">
            <div class="tile-body">
                <form method="POST" action="#" enctype="multipart/form-data" id="form">
                @csrf
                <div class="row">
                    <div class="col-md-6">
                        <label class="col-form-label" for="inputDefault">REGION</label>
                        <select class="form-control filterByRegGudang" id="regionSelect" required name="region">
                            <option value="" disabled selected>-select region-</option>
                        </select>
                    </div>
                    <div class="col-md-6">
                         <label class="col-form-label" for="inputDefault">TERRITORY</label>
                        <select class="form-control s-terr" id="territorySelect"  name="territory" required="">
                            <option value="" selected disabled>-select territory-</option>
                        </select>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="exampleTextarea">ALAMAT KANTOR</label>
                            <textarea class="form-control" id="exampleTextarea" rows="3" name="alamat_gudang" required></textarea>
                        </div>
                    </div> 
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-form-label" for="inputDefault">Longitude</label>
                            <input class="form-control" type="text" name="longitude" required>
                         </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="col-form-label" for="inputDefault">Latitude</label>
                            <input class="form-control" type="text" name="latitude" required>
                         </div>
                    </div>
                </div>
                <h6>FILE PENDUKUNG</h6>
                <div class="row">
                    <div class="col-md-12">
                        <input type="file" name="foto_gudang" required>
                    </div>
                </div>    
                <hr>
                <button class="btn btn-primary" type="submit">Submit</button>
                </form>    
            </div>
        </div>    	
    </div>
</div>
             
@endsection