@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>
        @endif -->
        {{ Form::open(['url' => 'admin/hubs/update/'.$data['hub']->id, 'method' => 'PUT', 'id' => 'update_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">
                    {{ Form::hidden('id',$data['hub']->id) }}

                        <div class="col-xl-6">
                            <div class="submit-field">
                                <h5>Province</h5>
                                <select class="selectpicker with-border" data-size="7" title="Category" name="province_id">
                                    @foreach($data['provinces'] as $province)
                                    <option value="{{ $province->id }}" {{ $data['hub']->province_id == $province->id ? 'selected':'' }} >{{ $province->province }}</option>              
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-xl-6">
                            <div class="submit-field">
                                <h5>Hub Label</h5>
                                <input type="text" class="with-border" name="suburb" value="{{ $data['hub']->suburb }}">
                            </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" {{ $data['hub']->status == 1? 'selected':'' }}>Active</option>
                                    <option value="0" {{ $data['hub']->status == 0? 'selected':'' }}>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>
        <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 Service Areas</h3>
                </div>
                <div class="content with-padding padding-bottom-10">
                    <div class="row">
                        
                    @forelse($data['hub']->areas as $area)     
                        <div class="col-xl-4">
                            <div class="submit-field">
                                {!! Form::checkbox('area',null, null, ['style' => 'display: inline;	height: inherit !important;width: inherit !important; margin-left: 5px']) !!} <a href="{{ URL::to('admin/areas/edit',$area->id) }}"> {{ $area->area }} </a> 
                            </div>
                        </div>
                    @empty
                        <p>No Areas</p>
                    @endforelse


                      
				   
                </div>
            </div>
        </div>

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

@endsection