@extends('layouts.admin')

@section('title' , 'Add Employee')
@section('styles')
    <link rel="stylesheet" type="text/css" href="{{asset('assets/css/select2.css')}}">
@endsection

@section('breadcrumb-item')
    <li class="breadcrumb-item">Employees</li>
    <li class="breadcrumb-item active">Create Employee</li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header bg-theme">Create Employee</div>
        <div class="card-body">
            <form action="{{ route('admin.employee.store') }}" method="post" enctype="multipart/form-data">
                {{ csrf_field() }}
                <div class="form-row">
                    <div class="form-group col-6">
                        <label for="name">Name</label>
                        <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" type="text"
                               name="name"
                               value="{{ old('name') }}" id="name" placeholder="Employee Name">
                        @include('includes.partials.error', ['field' => 'name'])
                    </div>
                    <div class="form-group col-6">
                        <label for="email">Email</label>
                        <input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}"
                               type="email" name="email"
                               value="{{ old('email') }}" id="email" placeholder="Email Address">
                        @include('includes.partials.error', ['field' => 'email'])
                    </div>
                    <div class="form-group col-12">
                        <label for="avatar">Avatar</label>
                        <input type="file"
                               class="form-control-file border{{ $errors->has('avatar') ? ' is-invalid' : '' }}"
                               id="avatar" name="avatar">
                        @include('includes.partials.error', ['field' => 'avatar'])
                    </div>
                    <div class="form-group col-4">
                        <label for="mobile">Mobile</label>
                        <input class="form-control{{ $errors->has('mobile') ? ' is-invalid' : '' }}"
                               type="text" name="mobile"
                               value="{{ old('mobile') }}" id="mobile" placeholder="Mobile Number">
                        @include('includes.partials.error', ['field' => 'mobile'])
                    </div>
                    <div class="form-group col-4">
                        <label for="phone">Phone</label>
                        <input class="form-control{{ $errors->has('phone') ? ' is-invalid' : '' }}" type="text"
                               name="phone"
                               value="{{ old('phone') }}" id="phone" placeholder="Phone Number">
                        @include('includes.partials.error', ['field' => 'phone'])
                    </div>
                    <div class="form-group col-4">
                        <label for="emergency_number">Emergency</label>
                        <input class="form-control{{ $errors->has('emergency_number') ? ' is-invalid' : '' }}"
                               type="text" name="emergency_number"
                               value="{{ old('emergency_number') }}" id="emergency_number"
                               placeholder="Emergency Number">
                        @include('includes.partials.error', ['field' => 'emergency_number'])
                    </div>
                    <div class="form-group col-6">
                        <label for="password">Password</label>
                        <input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}"
                               type="text" name="password"
                               value="{{ old('password') }}" id="password" placeholder="Password">
                        @include('includes.partials.error', ['field' => 'password'])
                    </div>
                    <div class="form-group col-6">
                        <label for="address">Address</label>
                        <input class="form-control{{ $errors->has('address') ? ' is-invalid' : '' }}"
                               type="text" name="address"
                               value="{{ old('address') }}" id="address" placeholder="Address">
                        @include('includes.partials.error', ['field' => 'address'])
                    </div>
                    <div class="form-group col-6">
                        <label for="undertaking_person">Undertaking Person</label>
                        <input class="form-control{{ $errors->has('undertaking_person') ? ' is-invalid' : '' }}"
                               type="text"
                               name="undertaking_person"
                               value="{{ old('undertaking_person') }}" id="undertaking_person"
                               placeholder="Undertaking Person">
                        @include('includes.partials.error', ['field' => 'undertaking_person'])
                    </div>
                    <div class="form-group col-6">
                        <label for="undertaking_person_contact">Undertaking Person Contact</label>
                        <input class="form-control{{ $errors->has('undertaking_person_contact') ? ' is-invalid' : '' }}"
                               type="text" name="undertaking_person_contact"
                               value="{{ old('undertaking_person_contact') }}" id="undertaking_person_contact"
                               placeholder="Undertaking Person Contact">
                        @include('includes.partials.error', ['field' => 'undertaking_person_contact'])
                    </div>
                    <div class="form-group col-6">
                        <label for="roles">Assign Roles</label>
                        <select name="roles[]" id="roles" multiple
                                class="form-control{{ $errors->has('roles') ? ' is-invalid' : '' }}">
                            @foreach($roles as $role)
                                <option value="{{ $role->id }}"
                                        {{ (collect(old('roles'))->contains($role->id)) ? "selected":"" }}>
                                    {{ $role->name }}
                                </option>
                            @endforeach
                        </select>
                        @include('includes.partials.error', ['field' => 'roles'])
                    </div>
                    <div class="form-group col-6">
                        <label for="areas">Assign Areas</label>
                        <select name="areas[]" id="areas" multiple
                                class="form-control{{ $errors->has('areas') ? ' is-invalid' : '' }}">
                            @foreach($areas as $area)
                                <option value="{{ $area->id }}"
                                        {{ (collect(old('areas'))->contains($area->id)) ? "selected":"" }}>
                                    {{ $area->name }}
                                </option>
                            @endforeach
                        </select>
                        @include('includes.partials.error', ['field' => 'areas'])
                    </div>
                </div>
                <div class="form-group">
                    <div class="text-center">
                        <button class="btn btn-success" type="submit">Create</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{asset('assets/js/select2/select2.full.min.js')}}"></script>
    <script src="{{asset('assets/js/select2/select2-custom.js')}}"></script>
    <script>
        $(document).ready(function() {
            $('#roles').select2({placeholder: "Select Roles"});
            $('#areas').select2({placeholder: "Select Areas"});
        });
    </script>
@endsection