@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 Service Provider</h3>
                    </div><!-- /.box-header -->
                    <div class="box-body">
                        <form  method="post" action="{{route('admin.serviceproviders.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 ServiceProvider 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>Email</label>
                                <input name="email" type="text" class="form-control required" placeholder="Enter ServiceProvider 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>Password</label>
                                <input name="password" type="text" class="form-control required" placeholder="Enter ServiceProvider password">
                                @if($errors->has('password'))
                                    <div class="error" style="color: red">{{ $errors->first('password') }}</div>
                                @endif
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- select -->
                                <div class="form-group">
                                <label>Sport</label>
                                <select class="form-control required" name="sport">
                                    <option value="" disabled selected>Select Sport</option>
                                    @foreach ($sports as $sport)
                                    <option value="{{$sport->id}}">{{$sport->name}}</option>
                                    @endforeach
                                </select>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- select -->
                                <div class="form-group">
                                <label>Players</label>
                                <select class="form-control required" name="player">
                                    <option value="" disabled selected>Select Prayer</option>
                                    @foreach ($players as $player)
                                    <option value="{{$player->id}}">{{$player->user->name}}</option>
                                    @endforeach
                                </select>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                <label>Area</label>
                                <input name="area" type="text" class="form-control required" placeholder="Enter Area">
                                @if($errors->has('area'))
                                    <div class="error" style="color: red">{{ $errors->first('area') }}</div>
                                @endif
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <!-- text input -->
                                <div class="form-group">
                                <label>Working Hour</label>
                                <input name="working_hour" type="text" class="form-control required" placeholder="Enter Nationalaties">
                                @if($errors->has('working_hour'))
                                    <div class="error" style="color: red">{{ $errors->first('working_hour') }}</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