@extends('layouts.main')

@push('styles')
<link rel="stylesheet" type="text/css" href="{{asset('datatables/datatables.min.css')}}">
<!-- International Telephone Input-->
<link rel="stylesheet" type="text/css" href="{{asset('css/intlTelInput.css')}}">
<!-- International Telephone Input -->
@endpush

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">            
            <div class="card-header">
                <h1 class="card-title">{{__('strings.supervisors_new')}}</h1>
            </div>
                <div class="card-block">

                    <div class="col-md-2"></div>

                    <div class="col-md-8">
                        <form class="form" action="{{route('supervisors_post')}}" method="post">
                            {{ csrf_field() }}

                            <div class="form-body">

                               

                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="name" class="form-control-label">{{__('strings.name')}}</label>
                                        <input id="name" name="name" class="form-control">
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="last_name" class="form-control-label">{{__('strings.last_name')}}</label>
                                        <input id="last_name" name="last_name" class="form-control">
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="email" class="form-control-label">{{__('strings.email')}}</label>
                                        <input id="email" name="email" class="form-control">
                                    </div>
                                </div>                       

                                <div class="col-md-12 mb-3">
                                    <div class="form-group">
                                        <label for="password" class="form-control-label">{{__('strings.password')}}</label>
                                        <input type="password" id="password" name="password" class="form-control" >
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <button type="submit" class="btn btn-block btn-primary">
                                    {{ __('strings.save') }}
                                </button>
                            </div>

                        </form>
                    </div>

                    <div class="col-md-2"></div>

                </div>
            
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<!-- International Telephone Input -->
<script src="{{asset('js/intlTelInput.min.js')}}" type="text/javascript"></script>
<!-- International Telephone Input -->
@endpush