@extends ('../welcome')


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

            <form action="{{ route('projects.update', $project->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <!-- text input -->
                <div class="form-group">
                    <label>Name</label>
                    <input type="text" name="name" class="form-control" value="{{ $project->name }}" required>
                </div>

                <!-- textarea -->
                <div class="form-group">
                    <label>Description</label>
                    <textarea class="form-control" name="description" rows="3" required>{{ $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 access_type" multiple>
                        @foreach ($users as $user)
                            <option {{ in_array($user->id, old('user_id', $projectUsers)) ? 'selected' : '' }}
                                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 {{ in_array($role->id, old('role_id', $projectRoles)) ? 'selected' : '' }}
                                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">
                        <!-- checkbox -->
                        <div class="form-group">
                            <div class="form-check">
                                <input class="form-check-input" name="is_active" value="1" type="checkbox"
                                    {{ $project->is_active == 1 ? 'checked' : '' }}>
                                <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}}" {{in_array($facility->id, $projectFacilities) ? 'checked' : ''}} 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