@extends('layout.layout')
@section('title','Users')
@section('user','active')
@section('content')
    <style>

    </style>
    <section class="content-header">
        <div class="container-fluid">
            <h5>Users</h5>

            <div class="card card-cyan mt-3">
                <div class="card-header">
                    <i class="fa fa-handshake  mr-1"></i> User & Resource Information
                    <span class="btn btn-sm btn-primary float-right" onclick="callModal(0)"
                          style="margin:-5px">
                        <i class="fas fa-plus mr-2"></i>Add User
                    </span>
                </div>
                <div class="card-body">
                    <table id="datatable" class="table" style="width: 100%; height: 100%">
                        <thead>
                        <tr>
                            <th></th>
                            <th>Name</th>
                            <th>Start Date</th>
                            {{--                    <th>End Date</th>--}}
                            <th>Business Unit</th>
                            <th>Enabled</th>
                            <th></th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">

        </div>
    </section>
@endsection

@section('modal-title')
    <h6 id="modal-title" class="modal-title" style="font-weight: normal"></h6>
@endsection

@section('modal-content')
    <form id="form" class="p-2">
        @csrf
        <div class="form-group row">
            <label for="" class="col-sm-3 col-form-label">First Name</label>
            <div class="col-sm-9">
                <input type="" class="form-control" name="firstname" id="firstname" required>
            </div>
        </div>
        <div class="form-group row">
            <label for="" class="col-sm-3 col-form-label">Middle Name</label>
            <div class="col-sm-9">
                <input type="" class="form-control" id="middlename" name="middlename">
            </div>
        </div>
        <div class="form-group row">
            <label for="" class="col-sm-3 col-form-label">Last Name</label>
            <div class="col-sm-9">
                <input type="" class="form-control" id="lastname" name="lastname" required>
            </div>
        </div>
        <div class="form-group row">
            <label for="" class="col-sm-3 col-form-label">Email</label>
            <div class="col-sm-9">
                <input type="" class="form-control" id="email" name="email" required>
            </div>
        </div>
        <div class="form-group row">
            <label for="" class="col-sm-3 col-form-label">Username</label>
            <div class="col-sm-9">
                <input type="" class="form-control" id="username" name="username" required>
            </div>
        </div>
        <div class="form-group row">
            <label for="" class="col-sm-3 col-form-label">Start Date</label>
            <div class="col-sm-9">
                <input type="date" class="form-control" id="start_date" name="start_date">
            </div>
        </div>
        <div class="form-group row">
            <label for="" class="col-sm-3 col-form-label">End Date</label>
            <div class="col-sm-9">
                <input type="date" class="form-control" id="end_date" name="end_date">
            </div>
        </div>
        <div class="form-group row">
            <label for="" class="col-sm-3 col-form-label">Reporting To</label>
            <div class="col-sm-9">
                <select class="form-control select2" name="manager_id" id="manager_id">
                    <option value="">Select Manager</option>
                </select>
            </div>
        </div>
        <div class="form-group row">
            <label for="" class="col-sm-3 col-form-label">Business Unit</label>
            <div class="col-sm-9">
                <select class="form-control select2" name="business_unit_id" id="business_unit_id" required>
                    <option value="">Select Manager</option>
                </select>
            </div>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" name="is_admin" id="is_admin">
            <label class="form-check-label" for="">
                Grant Admin Permission
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" id="enabled" name="enabled">
            <label class="form-check-label" for="">
                Allow Login
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" id="is_internal" name="is_internal">
            <label class="form-check-label" for="">
                Internal Resource
            </label>
        </div>

        <input id="id" name="id" value="" hidden>
    </form>
@endsection

@section('scripts')
    @include('users.script')
@endsection