@extends('layouts.masterLayout.app')
@section('content')
<div class="content-wrapper">
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-header">
                        <h3 class="box-title">Add Union</h3>
                    </div><!-- /.box-header -->
                    <div class="box-body">
                        <form  method="post" action="{{route('admin.union.store')}}">
                            @csrf
                            <div class="row">
                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                <label>Name</label>
                                <input name="name" type="text" class="form-control required" placeholder="Enter Union Name">
                                @if($errors->has('name'))
                                    <div class="error" style="color: red">{{ $errors->first('name') }}</div>
                                @endif
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                <label>Description</label>
                                <textarea name="description" type="text" class="form-control required"></textarea>
                                @if($errors->has('description'))
                                    <div class="error" style="color: red">{{ $errors->first('description') }}</div>
                                @endif
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- select -->
                                <div class="form-group">
                                <label>Area</label>
                                <select class="form-control required" name="area">
                                    <option value=""  selected>Select Area</option>
                                    @foreach ($areas as $area)
                                    <option value="{{$area->name}}">{{$area->name}}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('area'))
                                    <div class="error" style="color: red">{{ $errors->first('area') }}</div>
                                @endif
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- select -->
                                <div class="form-group">
                                <label>City</label>
                                <select class="form-control required" name="city">
                                    <option value=""  selected>Select City</option>
                                    @foreach ($cities as $city)
                                    <option value="{{$city->name}}">{{$city->name}}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('city'))
                                    <div class="error" style="color: red">{{ $errors->first('city') }}</div>
                                @endif
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                <label>Create Date</label>
                                <input name="date" type="date" class="form-control required" >
                                @if($errors->has('date'))
                                    <div class="error" style="color: red">{{ $errors->first('date') }}</div>
                                @endif
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                <label>Email</label>
                                <input name="email" type="text" class="form-control required" placeholder="Enter Email">
                                @if($errors->has('email'))
                                    <div class="error" style="color: red">{{ $errors->first('email') }}</div>
                                @endif
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                <label>Board</label>
                                <input name="board" type="text" class="form-control required" placeholder="Enter Board">
                                @if($errors->has('board'))
                                    <div class="error" style="color: red">{{ $errors->first('board') }}</div>
                                @endif
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                <label>Training Area</label>
                                <input name="training_areas" type="text" class="form-control required" placeholder="Enter Training area">
                                @if($errors->has('training_areas'))
                                    <div class="error" style="color: red">{{ $errors->first('training_areas') }}</div>
                                @endif
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                <label>Union Manager</label>
                                <input name="union_manager" type="text" class="form-control required" placeholder="Enter union manager">
                                @if($errors->has('union_manager'))
                                    <div class="error" style="color: red">{{ $errors->first('union_manager') }}</div>
                                @endif
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                <label>Phone</label>
                                <input name="phone" type="text" class="form-control required" placeholder="Enter Phone">
                                @if($errors->has('phone'))
                                    <div class="error" style="color: red">{{ $errors->first('phone') }}</div>
                                @endif
                                </div>
                            </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- select -->
                                <div class="form-group">
                                <label>Sport</label>
                                <select class="form-control required" name="sports">
                                    <option value="" disabled selected>Select Sport</option>
                                    @foreach ($sports as $sport)
                                    <option value="{{$sport->id}}">{{$sport->name}}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('sports'))
                                    <div class="error" style="color: red">{{ $errors->first('sports') }}</div>
                                @endif
                                </div>
                            </div>
                            </div>
                    </div>
                    <div class="box-footer">
                            <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
                </div><!-- /.box -->
            </div><!-- /.col -->
        </div><!-- /.row -->
    </section>
</div>
@endsection