@extends('layouts.app')

@section('content')
<div class="container">
  <div class="row justify-content-center">
    <div class="section gray padding-top-45 padding-bottom-75">
            
        <!-- @if (session('status'))
            <div class="alert alert-success" role="alert">
                {{ session('status') }}
            </div>
            <div class="notification success closeable">
				<p>{{ session('status') }}</p>
				<a class="close" href="#"></a>
			</div>
        @endif -->

        {{ Form::open(['url' => 'admin/areas/add', 'id' => 'add_service']) }}

        <div class="col-xl-12">
            <div class="dashboard-box margin-top-0">

                <!-- Headline -->
                <div class="headline">
                    <h3><i class="icon-feather-folder-plus"></i>Hub</h3>
                </div>
                <div class="content with-padding padding-bottom-10">
                    <div class="row">
                        
                    <div class="col-xl-6">
                            <div class="submit-field">
                                <h5>Hub</h5>
                                <select class="selectpicker with-border" data-size="7" title="Hub" name="suburb_id">
                                    @foreach($data['hubs'] as $hub)
                                    <option value="{{ $hub->id }}" {{ $hub->id == 9 ? 'selected':'' }} >{{ $hub->suburb }}</option>              
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-xl-6">
                            <div class="submit-field">
                                <h5>Area</h5>
                                <input type="text" class="with-border" name="area">
                            </div>
                        </div>

                        <div class="col-xl-6">
                            <div class="submit-field">
                                <h5>Status</h5>
                                
                                <select class="selectpicker with-border" data-size="7" title="Status" name="status">
                                    <option value="1" selected>Active</option>
                                    <option value="0">Inactive</option>
                                </select>
                                
                            </div>
                        </div>
                       
                        <div class="col-xl-12">
                        {{  Form::submit('Submit', ['class'=>'btn btn-info btn-sm pull-right']) }}
                        </div>
                      
				   
                    </div>
                </div>
            </div>
        </div>

        {{ Form::close() }}
        </div>
    </div>
</div>
@endsection