@extends ('../welcome')


@section('content')
    <div class="card card-info">
        <div class="card-header">
            <h3 class="card-title">Create Project</h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body">

            <form action="{{ route('projects.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <!-- text input -->
                <div class="form-group">
                    <label>Name</label>
                    <input type="text" name="name" class="form-control" placeholder="Project Name">
                </div>

                <!-- textarea -->
                <div class="form-group">
                    <label>Description</label>
                    <textarea class="form-control" name="description" rows="3" placeholder="Project Description"></textarea>
                </div>
                <div class="form-group">
                    <label>project Accessible</label>
                    <select class="select2 custom-select form-control-border access_type">
                        <option value="">Select Type</option>
                        <option value="users">Per User</option>
                        <option value="roles">Per Role</option>
                    </select>
                </div>
                <div class="form-group users" style="display: none;">
                    <label>Select Users</label>
                    <select name="user_id[]" class="select2 custom-select form-control-border" multiple>
                        @foreach ($users as $user)
                            <option value="{{ $user->id }}">{{ $user->name }}</option>
                        @endforeach

                    </select>
                </div>
                <div class="form-group roles" style="display: none;">
                    <label>Select Roles</label>
                    <select name="role_id[]" class="select2 custom-select form-control-border" multiple>
                        @foreach ($roles as $role)
                            <option value="{{ $role->id }}">{{ $role->name }}</option>
                        @endforeach

                    </select>
                </div>

                <!-- <div id="actions" class="row"> -->
                <div class="custom-file">
                    <label for="customFile">Upload Image</label>
                    <input type="file" id="customFile" name="image" accept="image/png, image/jpeg">

                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="form-check">
                                <input class="form-check-input" name="is_active" value="1" type="checkbox">
                                <label class="form-check-label">Active</label>
                            </div>
                        </div>
                    </div>
                </div>
                <label>Facilities</label>
                @foreach($facilities as $facility)
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="form-check">
                                <input class="form-check-input" name="facility_id[]" value="{{$facility->id}}" type="checkbox">
                                <label class="form-check-label">{{$facility->name}}</label>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach

                &nbsp&nbsp
                <button type="submit" class="btn btn-primary col start">
                    <span>Submit</span>
                </button>

            </form>
        </div>
        <!-- /.card-body -->
    </div>
@endsection